diff options
Diffstat (limited to 'assets/cgit.css')
| -rw-r--r-- | assets/cgit.css | 10 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
1 file changed, 10 insertions, 0 deletions
diff --git a/assets/cgit.css b/assets/cgit.css index 7a425f5..3255068 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -251,9 +251,13 @@ div#cgit #header .theme-toggle svg { stroke-linejoin: round; } +/* Reserve the logo column. The image carries no width attribute, since the + * logo is configurable and its size is not known here, so without this the + * column collapses to nothing and the masthead jumps sideways on load. */ div#cgit #header .logo { grid-area: logo; align-self: start; + min-width: 96px; } div#cgit #header .logo img { @@ -1432,6 +1436,9 @@ div#cgit table.ssdiff td.space div { column-gap: 8px; row-gap: 6px; } + div#cgit #header .logo { + min-width: 56px; + } div#cgit #header .logo img { max-width: 56px; } @@ -1475,6 +1482,9 @@ div#cgit table.ssdiff td.space div { @media (max-width: 380px) { /* Reclaim width on the smallest phones by shrinking the logo and the * title further so the masthead does not crowd out the content. */ + div#cgit #header .logo { + min-width: 44px; + } div#cgit #header .logo img { max-width: 44px; } |