Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
50 most recent check-ins related to "inskinerator-modern-backport"
|
2024-02-10
| ||
| 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 | |
| 12:26 | Removed a bunch of manual indents in pre blocks, MD fenced code blocks, etc. The skin does that for us now. check-in: 2a7b1de356 user: wyoung tags: inskinerator-modern-backport | |
| 11:20 | Whitespace fix check-in: 2ccdfa417a 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:30 | Added branch change summary to changes doc. check-in: d08e47ce05 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 | |
| 09:15 | Applied pre-wrap styling to the command example at the top of the checkin names doc to keep it from crashing into the Quick Reference sidebar on mobile. check-in: c062e330cc 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:45 | Removed a stray semicolon check-in: 228626bc91 user: wyoung tags: inskinerator-modern-backport | |
| 05:40 | Added kbd, samp and var element selectors to the list getting monospace treatment in the default.css file. check-in: a76312cdb4 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 | |
| 03:09 | Simplified the style overrides on the fossil-v-git doc's ToC table to give the browser more layout freedom, preventing it from being clipped off on the right edge on smaller mobile devices. check-in: ca973301e2 user: wyoung tags: inskinerator-modern-backport | |
| 02:52 | Removed extra whitespace in command examples in fossil-v-git doc. Skin does that now. check-in: b368727904 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:17 | Merged pikchr changes from trunk. (About to rebuild the containers, and we need both sets of changes on the public demo mirror.) check-in: e471c5ffa9 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 | Rebuild pikchr.wasm/js with emcc 3.1.53 and adapt the associated build rule in src/main.mk to account for a breaking emcc change (should also be backwards-compatible to older emcc's). check-in: 5a09f499a8 user: stephan tags: trunk | |
| 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 | |
| 20:35 | Merged trunk changes in check-in: 9a9276d693 user: wyoung tags: inskinerator-modern-backport | |
| 18:41 | Improved response to from=,ft= in /timeline when no such path exists. check-in: 68baa36667 user: drh tags: trunk | |
|
2024-02-04
| ||
| 05:52 | Applied the new div class=sidebar styling to a few more cases in the docs. check-in: 701ea4d004 user: wyoung tags: inskinerator-modern-backport | |
| 05:43 | Removed extra indent level from the release doc link in the permuted index, generated by the mkindex.tcl script. check-in: 01764fea86 user: wyoung tags: inskinerator-modern-backport | |
| 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 | |
| 05:06 | Triumphant return of the logo in the title area, lost in the transition from "original" to the trunk default skin. check-in: 45b0550160 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: 1b20533368 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: 56c7c2cb13 user: wyoung tags: inskinerator-modern-backport | |
| 04:29 | Replaced nearly all explicit uses of the "blockquote" tag in the embedded docs: * Constructs like "<blockquote><pre>" are now simply "<pre>" * Ditto "<blockquote><b>" for command examples, which then allowed me to get rid of explicit "br" elements; pre does that for us. * Where it was used merely to get an indent for a code block, we're now using pre or verbatim instead, depending on whether we need embedded HTML and/or pre-wrap handling. (Not the same thing as the prior item.) In some places, this let us replace use of HTML-escaped code blocks in pre with verbatim equivalents, not needing the escaping, allownig the doc source to read more like the rendered HTML. * Use of blockquotes to get hierarchical indenting is no longer necessary; the skin does that. A good example is indenting ol and ul lists under the parent paragraph; additional manual indenting is no longer necessary. The only remaining instances of "blockquote" under www/ are necessary: # The copyright release doc is plain HTML, without the fossil-doc wrapper, giving it no access to the new skin improvements. # One MD doc wants a blockquote in the middle of a list, and the current parsing rules don't let us use ">" there. # The skinning ... check-in: 54977e1413 user: wyoung tags: inskinerator-modern-backport | |
| 04:01 | Small cosmetic tweaks to the mirrortogithub doc on this branch to work better with the skin. check-in: cabbf1ca54 user: wyoung tags: inskinerator-modern-backport | |