Fossil SCM
Changed hamburger menu drop-down menu from 33% of the screen width to 90%: it works better on small screens, and it allows the sitemap to go multi-column on wider screens. Also added some right-side padding to balance the padding added for <ul> on the left.
Commit
e76a243da982e8330b618fdb538f24939e876e549f97b4b19cf811ebc18399e8
Parent
0d391a1ba57ea9b…
1 file changed
+2
-1
+2
-1
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -105,11 +105,12 @@ | ||
| 105 | 105 | border-top: white; |
| 106 | 106 | border-radius: 0 0 0.5em 0.5em; |
| 107 | 107 | display: none; |
| 108 | 108 | font-size: 80%; |
| 109 | 109 | left: 2em; |
| 110 | - max-width: 33%; | |
| 110 | + width: 90%; | |
| 111 | + padding-right: 1em; | |
| 111 | 112 | position: absolute; |
| 112 | 113 | z-index: 20; /* just below mainmenu, but above timeline bubbles */ |
| 113 | 114 | } |
| 114 | 115 | |
| 115 | 116 | .submenu { |
| 116 | 117 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -105,11 +105,12 @@ | |
| 105 | border-top: white; |
| 106 | border-radius: 0 0 0.5em 0.5em; |
| 107 | display: none; |
| 108 | font-size: 80%; |
| 109 | left: 2em; |
| 110 | max-width: 33%; |
| 111 | position: absolute; |
| 112 | z-index: 20; /* just below mainmenu, but above timeline bubbles */ |
| 113 | } |
| 114 | |
| 115 | .submenu { |
| 116 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -105,11 +105,12 @@ | |
| 105 | border-top: white; |
| 106 | border-radius: 0 0 0.5em 0.5em; |
| 107 | display: none; |
| 108 | font-size: 80%; |
| 109 | left: 2em; |
| 110 | width: 90%; |
| 111 | padding-right: 1em; |
| 112 | position: absolute; |
| 113 | z-index: 20; /* just below mainmenu, but above timeline bubbles */ |
| 114 | } |
| 115 | |
| 116 | .submenu { |
| 117 |