Fossil

Check-in [e76a243d]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment: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
    on the left.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | js-hamburger-menu
Files: files | file ages | folders
SHA3-256: e76a243da982e8330b618fdb538f24939e876e549f97b4b19cf811ebc18399e8
User & Date: wyoung 2018-09-10 09:30:14.698
Context
2018-09-10
10:01
Timing tweaks: made "hide borders" hack occur about the same time as the CSS transition finishes, and increased the menu show delay still further to make it work for Firefox. ... (check-in: 7bb68023 user: wyoung tags: js-hamburger-menu)
09:30
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
    on the left.
 ... (check-in: e76a243d user: wyoung tags: js-hamburger-menu)
09:27
Removed the
wrapping
    and moved the multicolumn styling applied to it down to the
      , since it is already a block level element, so we don't need a div wrapper on it. And then there's the real reason, which is that we want the multicolumn styling to work on the drop-down hamburger menu version as well.
 ... (check-in: 0d391a1b user: wyoung tags: js-hamburger-menu)
Changes
Unified Diff Ignore Whitespace Patch
Changes to skins/default/css.txt.
︙︙
103
104
105
106
107
108
109
110

111
112
113
114
115
116
117

    background-color: white;
    border: 1px solid black;
    border-top: white;
    border-radius: 0 0 0.5em 0.5em;
    display: none;
    font-size: 80%;
    left: 2em;
    max-width: 33%;

    position: absolute;
    z-index: 20;  /* just below mainmenu, but above timeline bubbles */
}

.submenu {
    font-size: .7em;
    padding: 10px;








|
>








103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118

    background-color: white;
    border: 1px solid black;
    border-top: white;
    border-radius: 0 0 0.5em 0.5em;
    display: none;
    font-size: 80%;
    left: 2em;
    width: 90%;
    padding-right: 1em;
    position: absolute;
    z-index: 20;  /* just below mainmenu, but above timeline bubbles */
}

.submenu {
    font-size: .7em;
    padding: 10px;
︙︙