mirror of
https://gitlab.com/randompenguin/bookface.git
synced 2025-06-16 23:35:14 +02:00
- Fix too large labels with long words on small screen
- Fix look of up arrow in back to top button
This commit is contained in:
parent
de282c948a
commit
725b9b87f2
2 changed files with 10 additions and 14 deletions
|
@ -293,6 +293,7 @@ box-sizing: border-box;
|
|||
margin-top: 10px;
|
||||
}
|
||||
div#back-to-top {
|
||||
font-size: 35px;
|
||||
background-color: var(--link-color);
|
||||
color: var(--nav-bg);
|
||||
width: 53px;
|
||||
|
@ -321,6 +322,10 @@ box-sizing: border-box;
|
|||
padding: 10px;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
word-break: break-all;
|
||||
}
|
||||
span.label a {
|
||||
color: var(--font-color-darker) !important;
|
||||
|
@ -600,13 +605,6 @@ aside .widget,
|
|||
font-size: 16px;
|
||||
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 */
|
||||
.wall-item-actions-row button,
|
||||
.wall-item-actions-right button {
|
||||
|
|
|
@ -252,6 +252,7 @@
|
|||
margin-top: 10px;
|
||||
}
|
||||
div#back-to-top {
|
||||
font-size: 35px;
|
||||
background-color: var(--link-color);
|
||||
color: var(--nav-bg);
|
||||
width: 53px;
|
||||
|
@ -280,6 +281,10 @@
|
|||
padding: 10px;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
word-break: break-all;
|
||||
}
|
||||
span.label a {
|
||||
color: var(--font-color-darker) !important;
|
||||
|
@ -520,13 +525,6 @@
|
|||
font-size: 16px;
|
||||
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 */
|
||||
.wall-item-actions-row button,
|
||||
.wall-item-actions-right button {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue