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 | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: e8783b9aa2f6a0f0b5d9066e960256f0dd123b8a2870712753aef8d03db5cb0a
User & Date: wyoung 2018-09-01 20:19:55
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
Hide Diffs Unified Diffs 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;