Fossil

Check-in [e8783b9a]
Login

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

Overview
Comment:Added "overflow-y: hidden;" to the CSS for the default skin to prevent some browsers (Chrome, Firefox, and Safari on macOS, at least) from adding a vertical scroll bar to the navbar. This was only necesasry on this skin because of the recently-added "overflow-x: auto" style, which tells the browser to clip or horizontally-scroll the navbar if the screen width isn't sufficient to show the whole thing; previously in this skin, and currently in all other skins, this condition causes the navbar to wrap to the next line, which looks particularly bad on the default skin. I believe this then made these browsers calculate some extra space for a possible horizontal scroll bar, which then ran the layout engine out of space, so it included the vertical bar just in case. This may be macOS specific, due to the scroll bar hiding behavior introduced several OS release back.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: e8783b9aa2f6a0f0b5d9066e960256f0dd123b8a2870712753aef8d03db5cb0a
User & Date: wyoung 2018-09-01 20:19:55.473
Context
2018-09-01
20:49
Noted the responsive design changes to the default skin in the change log. Expanded on the forum and alerts feature items. Changed all the past-tense verbs to present tense to match the rest of the items and the prevailing style in past change log entries. ... (check-in: 6f87b4af user: wyoung tags: trunk)
20:19
Added "overflow-y: hidden;" to the CSS for the default skin to prevent some browsers (Chrome, Firefox, and Safari on macOS, at least) from adding a vertical scroll bar to the navbar. This was only necesasry on this skin because of the recently-added "overflow-x: auto" style, which tells the browser to clip or horizontally-scroll the navbar if the screen width isn't sufficient to show the whole thing; previously in this skin, and currently in all other skins, this condition causes the navbar to wrap to the next line, which looks particularly bad on the default skin. I believe this then made these browsers calculate some extra space for a possible horizontal scroll bar, which then ran the layout engine out of space, so it included the vertical bar just in case. This may be macOS specific, due to the scroll bar hiding behavior introduced several OS release back. ... (check-in: e8783b9a user: wyoung tags: trunk)
14:52
Add 1em of left padding to multi-column unordered lists. This extra padding is necessary to get Chrome and Edge to display the bullets on second and subsequent columns. ... (check-in: c429bb79 user: drh tags: trunk)
Changes
Unified Diff Ignore Whitespace Patch
Changes to skins/default/css.txt.
︙︙
79
80
81
82
83
84
85

86
87
88
89
90
91
92

.mainmenu {
    font-size:.8em;
    clear:both;
    background:#eaeaea linear-gradient(#fafafa, #eaeaea) repeat-x;
    border:1px solid #eaeaea;
    border-radius:5px;
    overflow-x: auto;

    white-space: nowrap;
}

.mainmenu a {
    text-decoration:none;
    color: #777;
    border-right:1px solid #eaeaea;








>








79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

.mainmenu {
    font-size:.8em;
    clear:both;
    background:#eaeaea linear-gradient(#fafafa, #eaeaea) repeat-x;
    border:1px solid #eaeaea;
    border-radius:5px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.mainmenu a {
    text-decoration:none;
    color: #777;
    border-right:1px solid #eaeaea;
︙︙