drifty/driftywinds.github.io
1
0
Fork 0
mirror of https://github.com/driftywinds/driftywinds.github.io.git synced 2025-12-19 11:03:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Truncate long app titles in nav bar

Browse Source
This commit is contained in:
foxster-mp4
2023-05-28 13:05:58 -07:00
parent e3dc1eccb2
commit c2a38ed28e
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/shared.css
View File

@@ -137,6 +137,7 @@ body {
-webkit-backdrop-filter: saturate(100%) blur(30px); -webkit-backdrop-filter: saturate(100%) blur(30px);
backdrop-filter: saturate(100%) blur(20px); backdrop-filter: saturate(100%) blur(20px);
max-width: 414px; max-width: 414px;
min-width: 0;
margin: 0 auto; margin: 0 auto;
padding: 0.25em 0.75em; padding: 0.25em 0.75em;
z-index: 2; z-index: 2;
@@ -149,10 +150,14 @@ body {
gap: 6px; gap: 6px;
min-height: 2.5em; min-height: 2.5em;
margin: 0; margin: 0;
overflow: hidden;
} }
#nav-bar #title>p { #nav-bar #title>p {
font-weight: 600; font-weight: 600;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
#nav-bar #title>img { #nav-bar #title>img {
@@ -162,6 +167,7 @@ body {
#nav-bar #back { #nav-bar #back {
cursor: pointer; cursor: pointer;
margin-right: 6px;
} }
#nav-bar #back .bi { #nav-bar #back .bi {
@@ -170,6 +176,10 @@ body {
font-size: 1.3em; font-size: 1.3em;
} }
#nav-bar a {
margin-left: 6px;
}
/* Main */ /* Main */
#main { #main {