michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-23 19:36:56 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve touch on the utilities bar for phone/tablet

Browse source
This commit is contained in:
Soheb 2024-03-29 11:00:28 +00:00
parent 50d1672a3a
commit 9c87caf896
3 changed files with 37 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/static/structure.css
View file

@ -534,8 +534,7 @@ fieldset legend {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 5px 5px 0 0;
/* top-left | top-right | bottom-right | bottom-left */
border-radius: 5px 5px 0 0; /* top-left | top-right | bottom-right | bottom-left */
height: 176px;
margin-left: -12px;
margin-right: -12px;
@ -641,6 +640,9 @@ fieldset legend {
.post_list .post_teaser .utilities_row a {
display: inline-block;
min-width: 44px;
min-height: 44px;
justify-content: center;
align-content: center;
}
.post_list .post_teaser .utilities_row .preview_image, .post_list .post_teaser .utilities_row .post_options {
text-align: center;
@ -700,6 +702,19 @@ fieldset legend {
font-size: 80%;
}
.post_utilities_bar {
display: flex;
min-height: 44px;
}
.post_utilities_bar .post_options_link {
display: flex;
width: 44px;
height: 44px;
padding: 3px;
justify-content: center;
align-items: center;
}
.post_list_masonry, .post_list_masonry_wide {
-webkit-column-count: 2;
-moz-column-count: 2;

17
app/static/structure.scss
View file

@ -236,6 +236,9 @@ html {
a {
display: inline-block;
min-width: 44px;
min-height:44px;
justify-content: center;
align-content: center;
}
.preview_image, .post_options {
text-align: center;
@ -306,6 +309,20 @@ html {
}
}
.post_utilities_bar {
display: flex;
min-height:44px;
.post_options_link {
display: flex;
width: 44px;
height: 44px;
padding: 3px;
justify-content: center;
align-items: center;
}
}
.post_list_masonry, .post_list_masonry_wide {
-webkit-column-count: 2;
-moz-column-count: 2;

4
app/templates/post/_post_full.html
View file

@ -103,5 +103,7 @@
</div>
</div>
{% endif %}
<a href="{{ url_for('post.post_options', post_id=post.id) }}" class="post_options_link" rel="nofollow"><span class="fe fe-options" title="Options"> </span></a>
<div class="post_utilities_bar">
<a href="{{ url_for('post.post_options', post_id=post.id) }}" class="post_options_link" rel="nofollow"><span class="fe fe-options" title="Options"> </span></a>
</div>
</div>