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-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: 9568091a user: wyoung tags: trunk)

12:08
Resurrect the "default" skin from the last release under a new name: "Dense". ... (Leaf check-in: 94f9b726 user: drh tags: resurrect-old-default-skin)
01:56
Extended [b272004b] to cover the "classic" timeline mode as well. ... (check-in: ef4a1e81 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: b272004b user: wyoung tags: trunk)
2024-02-18
15:56
Further improvements to pre styling, now taking MD forum posts into account. ... (check-in: 77f91620 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: a9742101 user: wyoung tags: trunk)
14:08
Assorted improvements to Pikchr handling in the docs under the new skin. ... (check-in: b3d99d92 user: wyoung tags: trunk)
12:15
Comment improvement ... (check-in: 261f80db user: wyoung tags: trunk)
12:04
The inline "code" snippet styling in [4772a9b2] now applies to MD forum posts. ... (check-in: 32c4522d user: wyoung tags: trunk)
2024-02-17
18:24
The h1 handling change in [b1f6753c] left a few definitions behind. Fixed. ... (check-in: 06a70ff8 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: d7457526 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: b1f6753c 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: c0541318 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: 8f344297 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: 8a1ba49b user: wyoung tags: trunk)
14:29
Removed redundant sidebar styling; should've been done as part of [bcbd1c1e]. ... (Closed-Leaf check-in: 8aff4854 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: ce479eea user: wyoung tags: inskinerator-modern-backport)
11:00
Comment fix ... (check-in: 67a10cd7 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: c013926f 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: f6897ff2 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: bcbd1c1e 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: 89ceba16 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: 7d8631f1 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: 265412ee user: wyoung tags: inskinerator-modern-backport)
08:55
Applied the header and footer improvements from the 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: b48e4836 user: wyoung tags: inskinerator-modern-backport)
08:44
Collected two wiki-related CSS items to keep the diff relative to trunk smaller. ... (check-in: 58fa5819 user: wyoung tags: inskinerator-modern-backport)
08:33
Whitespace fixes, for clarity ... (check-in: 235aaa02 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: db87ded1 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: a3903958 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 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: 2267249c 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: cb038b48 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 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: 17a64176 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: 9df0a451 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: 3e230920 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: 4772a9b2 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: 9f3e59cf 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: e220683a 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: 6ad8bc58 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: 3f21415f 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: 902ea745 user: wyoung tags: inskinerator-modern-backport)
00:15
Small tweak to make comment match code ... (check-in: fb0c1e71 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: 0d7cdbb0 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: f5a80cad 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: a1ebcb23 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: f2ef252e user: wyoung tags: inskinerator-modern-backport)
05:06
Triumphant return of the logo in the title area, lost in the transition from "original" to the trunk default skin. ... (check-in: 45b05501 user: wyoung tags: inskinerator-modern-backport)
04:50
Bumped submenu font size up slightly. This isn't so much a change from trunk as a restoration of trunk, tracking the overall body font size changes. ... (check-in: 1b205333 user: wyoung tags: inskinerator-modern-backport)
04:42
Added three new block-element classes to the skin to replace use of "blockquote" with semantic alternatives:
  • "indent" for cases where the only purpose was to indent things
  • "blockquote" where you want an actual block quote in a wiki doc and thus can't use a "blockquote" element due to the historical misuse of this tag, preventing us from doing the same for it as we do for MD
  • "sidebar" when the reason you wanted an indented paragraph was to create a sidebar; this is styled much like a blockquote in MD (or the new "blockquote" class in wiki docs) but floats to the right.

Using all three of these in the remaining www/ docs that still used explicit "blockquote" tags.

(If you're wondering why the prior commit claims to have dealt with all of these tags when this commit belies that, it's because this work was done en masse, then split up into two related commits to keep the commit messages more on-point. It was easier to commit these two chunks of work in this order. It would have required a complicated dance with the stash to commit them in the more logical order.) ... (check-in: 56c7c2cb user: wyoung tags: inskinerator-modern-backport)

01:30
Removed extra space around pre.verbatim blocks in wiki output; plain "pre" has space already, and the extra means that if you use them both on the same page, you see the difference. ... (check-in: 06dfb683 user: wyoung tags: inskinerator-modern-backport)
2024-02-03
16:55
Update with all changes from trunk. ... (check-in: c454059a user: andybradford tags: clone-resume)