michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-24 03:43:42 -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-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; /* top-left | top-right | bottom-right | bottom-left */
/* top-left | top-right | bottom-right | bottom-left */
height: 176px; height: 176px;
margin-left: -12px; margin-left: -12px;
margin-right: -12px; margin-right: -12px;
@ -641,6 +640,9 @@ fieldset legend {
.post_list .post_teaser .utilities_row a { .post_list .post_teaser .utilities_row a {
display: inline-block; display: inline-block;
min-width: 44px; 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 { .post_list .post_teaser .utilities_row .preview_image, .post_list .post_teaser .utilities_row .post_options {
text-align: center; text-align: center;
@ -700,6 +702,19 @@ fieldset legend {
font-size: 80%; 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 { .post_list_masonry, .post_list_masonry_wide {
-webkit-column-count: 2; -webkit-column-count: 2;
-moz-column-count: 2; -moz-column-count: 2;

17
app/static/structure.scss
View file

@ -236,6 +236,9 @@ html {
a { a {
display: inline-block; display: inline-block;
min-width: 44px; min-width: 44px;
min-height:44px;
justify-content: center;
align-content: center;
} }
.preview_image, .post_options { .preview_image, .post_options {
text-align: center; 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 { .post_list_masonry, .post_list_masonry_wide {
-webkit-column-count: 2; -webkit-column-count: 2;
-moz-column-count: 2; -moz-column-count: 2;

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

@ -103,5 +103,7 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
<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> <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>
</div>