Friendica/bookface
1
0
Fork 1
mirror of https://gitlab.com/randompenguin/bookface.git synced 2025-06-16 23:35:14 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

- Fix too large labels with long words on small screen

Browse source 
- Fix look of up arrow in back to top button
This commit is contained in:
ngnee 2025-01-31 20:39:07 +01:00
parent de282c948a
commit 725b9b87f2
2 changed files with 10 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
bookface_dark.css
View file

@ -293,6 +293,7 @@ box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
div#back-to-top { div#back-to-top {
font-size: 35px;
background-color: var(--link-color); background-color: var(--link-color);
color: var(--nav-bg); color: var(--nav-bg);
width: 53px; width: 53px;
@ -321,6 +322,10 @@ box-sizing: border-box;
padding: 10px; padding: 10px;
text-shadow: none; text-shadow: none;
box-shadow: none; box-shadow: none;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
word-break: break-all;
} }
span.label a { span.label a {
color: var(--font-color-darker) !important; color: var(--font-color-darker) !important;
@ -600,13 +605,6 @@ aside .widget,
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
/* keep mentions and tags from spilling out */
#profile-page .label,
#profile-page .label a,
.wall-item-bottom .label,
.wall-item-bottom .label a {
display: inline-block !important;
}
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button,
.wall-item-actions-right button { .wall-item-actions-right button {

12
bookface_light.css
View file

@ -252,6 +252,7 @@
margin-top: 10px; margin-top: 10px;
} }
div#back-to-top { div#back-to-top {
font-size: 35px;
background-color: var(--link-color); background-color: var(--link-color);
color: var(--nav-bg); color: var(--nav-bg);
width: 53px; width: 53px;
@ -280,6 +281,10 @@
padding: 10px; padding: 10px;
text-shadow: none; text-shadow: none;
box-shadow: none; box-shadow: none;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
word-break: break-all;
} }
span.label a { span.label a {
color: var(--font-color-darker) !important; color: var(--font-color-darker) !important;
@ -520,13 +525,6 @@
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
/* keep mentions and tags from spilling out */
#profile-page .label,
#profile-page .label a,
.wall-item-bottom .label,
.wall-item-bottom .label a {
display: inline-block !important;
}
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button,
.wall-item-actions-right button { .wall-item-actions-right button {