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

Variable reuse for min-touch-target

Browse source
This commit is contained in:
Soheb 2024-03-31 12:01:40 +01:00
parent c70a436268
commit e14f96dabb
2 changed files with 12 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/static/structure.css
View file

@ -337,8 +337,7 @@ h1 .fe-bell, h1 .fe-no-bell {
left: 1px; left: 1px;
} }
.fe-poll:before { .fe-poll:before {
content: "\e91b"; content: "\e91b"; /* possibly e985 */
/* possibly e985 */
} }
.fe-sticky-left::before { .fe-sticky-left::before {
@ -475,18 +474,14 @@ fieldset legend {
.skip-link { .skip-link {
position: absolute; position: absolute;
top: -40px; top: -40px; /* Adjust as needed to hide the link off-screen */
/* Adjust as needed to hide the link off-screen */
left: 0; left: 0;
background-color: #fff; background-color: #fff; /* Background color to cover the link for screen readers */
/* Background color to cover the link for screen readers */ z-index: 1060; /* Ensure it's above other content */
z-index: 1060;
/* Ensure it's above other content */
} }
.skip-link:focus { .skip-link:focus {
top: 0; top: 0; /* Bring the link back into view when it receives focus */
/* Bring the link back into view when it receives focus */
} }
.form-group { .form-group {
@ -1164,7 +1159,7 @@ fieldset legend {
padding: 5px 15px; padding: 5px 15px;
} }
.comment .replies { .comment .replies {
margin-top: 0px; margin-top: 0;
border-left: solid 1px #ddd; border-left: solid 1px #ddd;
border-top: solid 1px #ddd; border-top: solid 1px #ddd;
} }

12
app/static/structure.scss
View file

@ -268,8 +268,8 @@ html {
.utilities_row { .utilities_row {
a { a {
display: inline-block; display: inline-block;
min-width: 44px; min-width: $min-touch-target;
min-height:44px; min-height: $min-touch-target;
justify-content: center; justify-content: center;
align-content: center; align-content: center;
} }
@ -344,12 +344,12 @@ html {
.post_utilities_bar { .post_utilities_bar {
display: flex; display: flex;
min-height:44px; min-height: $min-touch-target;
.post_options_link { .post_options_link {
display: flex; display: flex;
width: 44px; width: $min-touch-target;
height: 44px; height: $min-touch-target;
padding: 3px; padding: 3px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -831,7 +831,7 @@ html {
} }
.replies { .replies {
margin-top: 0px; margin-top: 0;
border-left: solid 1px $light-grey; border-left: solid 1px $light-grey;
border-top: solid 1px $light-grey; border-top: solid 1px $light-grey;
} }