Fossil

Timeline
Login

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

50 most recent check-ins that include changes to files matching 'skins/*'

2024-03-28
10:40
Make the shunned/unshunned list legible (not blue on black) in the xekri skin. ... (Leaf check-in: dbbc4800e6 user: stephan tags: trunk)
10:16
Fix skin/xekri/css.txt's div.sectionmenu margin-top to avoid truncating the top of the menu. Visible in /ci/CHECKIN_ID pages. ... (check-in: 004b433b42 user: stephan tags: trunk)
10:05
Remove two curious CSS snippets from skins/xekri/css.txt which interfere with recent core skin changes and cause timeline entries with dark branch colors to render as black-on-dark-background. ... (check-in: aba45b228f user: stephan tags: trunk)
2024-03-23
05:54
Updates from trunk for sync changes et al. ... (Leaf check-in: 2304041e42 user: andybradford tags: clone-resume)
2024-03-05
12:53
Merge trunk into markdown-tagrefs branch. ... (Leaf check-in: 0517bd2dd8 user: stephan tags: markdown-tagrefs)
2024-02-23
17:48
Reworked the handling of the three "selected" row cases in /timeline (current, first-in-range and last-in-range) so the borders and highlighting extend to the left margin. The "current" case (seen under "fossil ui" only, to indicate the ckout version) wasn't a problem, but the other two use background colors potentially confusable with branch colors. This makes the timelines more like that of the Fossil 2.23 and prior default skin (now called Étienne) but with rounded corners in the modern modes, matching the rest of the timeline. This occurs in all timeline modes, including the classic, compact, and verbose views. The result is that the corners for these selected row types are rounded, but because they tend to be compact, it gives a full-round look on the ends. Avoiding this would require considerably more verbose CSS, and it's plenty intricate as it is. ... (check-in: 9568091a9b user: wyoung tags: trunk)
12:08
Resurrect the "default" skin from the last release under a new name: "Dense". ... (Leaf check-in: 94f9b72690 user: drh tags: resurrect-old-default-skin)
01:56
Extended [b272004b] to cover the "classic" timeline mode as well. ... (check-in: ef4a1e817f user: wyoung tags: trunk)
01:20
Comment cell highlighting in /timeline now takes into account the compact and verbose modes better, and it separates out the rounding from the coloring so it can apply less rounding and a bit more padding in these same two cases, to avoid having the text near the corners crash into the borders. ... (check-in: b272004beb user: wyoung tags: trunk)
2024-02-18
15:56
Further improvements to pre styling, now taking MD forum posts into account. ... (check-in: 77f9162010 user: wyoung tags: trunk)
15:10
The new skin's table styling now applies to docs served via /dir and /file URLs as well. Applying the new light-gray background styling on code blocks now, not just inline snippets. Lightened the gray level. ... (check-in: a974210166 user: wyoung tags: trunk)
14:08
Assorted improvements to Pikchr handling in the docs under the new skin. ... (check-in: b3d99d9260 user: wyoung tags: trunk)
12:15
Comment improvement ... (check-in: 261f80db5e user: wyoung tags: trunk)
12:04
The inline "code" snippet styling in [4772a9b2] now applies to MD forum posts. ... (check-in: 32c4522d73 user: wyoung tags: trunk)
2024-02-17
18:24
The h1 handling change in [b1f6753c] left a few definitions behind. Fixed. ... (check-in: 06a70ff867 user: wyoung tags: trunk)
17:33
The increased line-height CSS for "code" blocks is now reflected into the line number column in /file?ln views, keeping the two in sync. ... (check-in: d745752649 user: wyoung tags: trunk)
11:14
Superior alternative to [e4aca28d1c3f5e8d]: instead of trying to treat the title on pages like /chat specially, treating the four main doc types specially, turning the body-area h1 on only in that case. This restores the Étienne skin's behavior for all other page types. ... (check-in: b1f6753c67 user: wyoung tags: trunk)
2024-02-11
11:46
Suppressing the body-area "Chat" header on mobile. It takes up space to no useful end. ... (check-in: c0541318aa user: wyoung tags: trunk)
2024-02-10
23:15
Applied semantic header and footer tag changes made to the default skin to all the others. This not only improves WCAG 2 conformance, it's necessary to allow the prior commit's changes to the /chat JS to find the equivalent header/footer/mainmenu/hbdrop tags in these skins, too. ... (check-in: 8f344297a4 user: wyoung tags: trunk)
17:36
Modernized the default skin, primarily to improve readability, and forked off the old default as "Étienne", named in honor of its creator. ... (check-in: 8a1ba49b73 user: wyoung tags: trunk)
14:29
Removed redundant sidebar styling; should've been done as part of [bcbd1c1e]. ... (Closed-Leaf check-in: 8aff48548a user: wyoung tags: inskinerator-modern-backport)
11:02
Applied a few whitespace fixes to etienne/css.txt matching those in default/css.txt, to make the diff between them easier to read. ... (check-in: ce479eea4c user: wyoung tags: inskinerator-modern-backport)
11:00
Comment fix ... (check-in: 67a10cd7ee user: wyoung tags: inskinerator-modern-backport)
10:56
Restored the page title font size to the old default when it's up above the menu bar. Lost this in all the font size shuffling, seen now in comparison to what we're now calling skin=etienne. ... (check-in: c013926f01 user: wyoung tags: inskinerator-modern-backport)
10:28
Copied table formatting over to Étienne skin, but in monochrome form and without any of the extra whitespace in the default version. ... (check-in: f6897ff2bc user: wyoung tags: inskinerator-modern-backport)
10:20
Moved most of the sidebar implementation up into default.css in a generic form so all skins share it, including Étienne. What remains behind in the new default skin are the accent colors for the background and the left border. The generic form simply applies a tint darkening to whatever background it finds itself on, which works for most of the stock skins. ... (check-in: bcbd1c1e90 user: wyoung tags: inskinerator-modern-backport)
10:17
Applied Vim filetype modeline to the new Étienne skin so we don't lose syntax highlighting when bouncing between this and default. ... (check-in: 89ceba160c user: wyoung tags: inskinerator-modern-backport)
09:54
Initial fork of the trunk default skin into "Étienne" (a.k.a. "etienne" without the accent for easier use in ?skin=" and such) for use by those who want to return to the old default once this branch is merged to trunk. At the moment, it is a straight copy with the intent of forming a baseline for the minimal changes I'm about to make in order to allow the Fossil doc changes on this branch to render reasonably. ... (check-in: 7d8631f17c user: wyoung tags: inskinerator-modern-backport)
09:22
Sidebars now float to the right of the main content when there's space to allow both. This doesn't wholly invalidate [c062e330], but this is a better overall solution. ... (check-in: 265412ee5a user: wyoung tags: inskinerator-modern-backport)
08:55
Applied the header and footer improvements from the [/timeline?r=wcag-2.1 |wcag-2.1 branch]. Changes generic divs with class labels into semantic elements that a browser can then treat specially, given their meaning. ... (check-in: b48e483667 user: wyoung tags: inskinerator-modern-backport)
08:44
Collected two wiki-related CSS items to keep the diff relative to trunk smaller. ... (check-in: 58fa5819f5 user: wyoung tags: inskinerator-modern-backport)
08:33
Whitespace fixes, for clarity ... (check-in: 235aaa02cf user: wyoung tags: inskinerator-modern-backport)
08:29
Moved the bit applying extra line height to paragraph-type elements into the "@media screen" section. The justification for this only applies to wide browser windows. It's too much leading for smartphones. ... (check-in: db87ded184 user: wyoung tags: inskinerator-modern-backport)
05:37
Restored the #444 text color for headers, since bold and big text doesn't have the same need for high contrast ratios to be readable. ... (check-in: a3903958de user: wyoung tags: inskinerator-modern-backport)
05:18
Deepened the dark gray body text color enough to allow us to simultaneously hit the two targets specified by the WCAG 2 accessibility standard: the 4.5:1 minimum contrast ratio between the background and the link, and the 3:1 ratio between the link and the surrounding body text. We've been [forum:/forumpost/aafb17a981df416 | called out on accessibility grounds] for our prior "#444" body text color before, so this change is not merely placating the calculator. We believe the WCAG standards are based on solid human factors research, and this is a good time to address that. ... (check-in: 2267249c6d user: wyoung tags: inskinerator-modern-backport)
04:42
Extended [4772a9b2ccbb4c3c] to include less-common inline monospace tag types: var, samp, and kbd. Because this creates a nice and big combinatorial selector explosion, moved the explanation for this type of thing up from the "@media screen" handling of pre to this point, then referenced it from these places. Switched from SCSS to Sass syntax to make the examples clearer. This CSS is in fact generated from these samples, then hand-tweaked for clarity. ... (check-in: cb038b48c0 user: wyoung tags: inskinerator-modern-backport)
2024-02-09
08:25
Increased the brightness of unvisited links to bring their contrast up relative to body text above the 3:1 recommended by the [https://webaim.org/resources/linkcontrastchecker/ | WebAIM link contrast checker]. This unavoidably drops the contrast with the background from around 4:1 to 3:1, but if links are kept short (ideally, one word only) this is a good tradeoff. ... (check-in: 17a6417606 user: wyoung tags: inskinerator-modern-backport)
08:16
Replaced static pale blue background for selected forum posts with a CSS animation that fades the default.css blue out to white over a second after page load. Also made the left border of the forumSel post's box heavy to serve as an after-animation selection indicator. ... (check-in: 9df0a451a0 user: wyoung tags: inskinerator-modern-backport)
02:30
Backed off on mobile body font size reduction from 0.8em to 0.9em for the same reason we did it for desktop. ... (check-in: 3e23092003 user: wyoung tags: inskinerator-modern-backport)
02:29
Experimental styling of inline code and tt blocks in user content like everyone else (Stack Exchange, GitHub, Reddit, Discord…) do, with a light gray background and slight expansion of the box area, to offset it from the prose. ... (check-in: 4772a9b2cc user: wyoung tags: inskinerator-modern-backport)
02:13
Abandoned the +5% size bump for monospace fonts entirely. Its correctness is far too contingent on the font selected and the browser's quirks. ... (check-in: 9f3e59cffc user: wyoung tags: inskinerator-modern-backport)
01:36
Reduced the font size adjustment for monospace fonts from +10% to +5% after testing on mobile, and made it apply to the same list of monospace font classes defined in src/default.css. ... (check-in: e220683ae0 user: wyoung tags: inskinerator-modern-backport)
01:19
Simplified the SCSS example code by use of the language's "&" feature and an extra layer to handle the .content commonality. ... (check-in: 6ad8bc587f user: wyoung tags: inskinerator-modern-backport)
01:18
Dropped the div.content layer out for /fileedit and /wikiedit. If it were necessary, we'd have to invert these two, but it isn't due to the earlier point about these selectors being plenty specific via direct ID element targeting. ... (check-in: 3f21415f41 user: wyoung tags: inskinerator-modern-backport)
01:00
Don't need to be as specific on the selectors targeting the /fileedit and /wikiedit preview tabs due to their use of "<div id=" naming. There is no reasonable possibility for an overreach here. ... (check-in: 902ea745fa user: wyoung tags: inskinerator-modern-backport)
00:15
Small tweak to make comment match code ... (check-in: fb0c1e7125 user: wyoung tags: inskinerator-modern-backport)
00:12
The /fileedit and /wikiedit preview areas now show the skin's @media screen indent levels properly. The nine selectors we previously had per top-level tag had to become _sixteen_ (!) owing to Fossil's historical lack of consistency in applying parent classes. We could clean it all up on this branch, but then who knows how many custom skins that would break… ... (check-in: 0d7cdbb0e3 user: wyoung tags: inskinerator-modern-backport)
2024-02-08
22:38
Removed the duplicate copy of the SCSS input to the selector explosion in default/css.txt. It's getting too complex to maintain the duplication, and it's about to get worse. Linking it by reference now. ... (check-in: f5a80cad6c user: wyoung tags: inskinerator-modern-backport)
22:18
Added yet another special-case handler for the new skin's @media screen indent applicator. We were handling wiki embedded docs before, but we weren't handling the /wiki pages themselves. These appear with a top-level body class of "wiki", not "doc". ... (check-in: a1ebcb230a user: wyoung tags: inskinerator-modern-backport)
2024-02-04
05:27
Moved the page title on mobile from after the project name and the slash separator in the header to just above the content area, styled as a separate "h1" element, same as in an embedded doc with an "h1" inline. This accommodates long page titles better on narrow screens while leaving desktop-class windows alone. Reduced the size of h1 to be closer to h2 as a consequence. Also removed the new logo's top-padding on mobile to fit in better with all this. ... (check-in: f2ef252ef8 user: wyoung tags: inskinerator-modern-backport)