Adopt surface-well on the article and feed lists
The light inset fill now goes around the rows, inside the bordered
container, rather than leaving rows sitting on the panel. Same treatment
GoingsOn's list containers just took.
Uses the .well class makeover-webview emits rather than writing the fill
and the inset bevel out again. Both apps read the identical generated
rule, so the two cannot drift on what a well is.
Adds --surface-well to the intent layer at the resolved flatwhite value,
annotated themed like its neighbours. makeover derives it and themes.js
applies the whole intent set, so the default only covers first paint, but
it is required: an undefined var() invalidates the whole declaration
rather than degrading, so the lists would lose their background entirely
until the theme loads.
Bumps makeover to 2.3.0, which carries the derivation. Cargo.lock staged
as a partial hunk so the unrelated synckit-client lines stay out.
4 files changed,
+6 insertions,
-5 deletions
| 3105 |
3105 |
|
|
| 3106 |
3106 |
|
[[package]]
|
| 3107 |
3107 |
|
name = "makeover"
|
| 3108 |
|
- |
version = "2.2.0"
|
|
3108 |
+ |
version = "2.3.0"
|
| 3109 |
3109 |
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
| 3110 |
|
- |
checksum = "f3d7c2a566230afeed8b2b9d8decc2edfdc9b1f067e7791303df8301a73aeff1"
|
|
3110 |
+ |
checksum = "e35cc903581eea6df09a3a102f101d85a6b941ea18431fcd0a70738762271fdf"
|
| 3111 |
3111 |
|
dependencies = [
|
| 3112 |
3112 |
|
"include_dir",
|
| 3113 |
3113 |
|
"serde",
|
| 53 |
53 |
|
# Utilities
|
| 54 |
54 |
|
chrono = { version = "0.4.43", features = ["serde"] }
|
| 55 |
55 |
|
uuid = { version = "1.20.0", features = ["v4", "serde"] }
|
| 56 |
|
- |
makeover = "2.2.0"
|
|
56 |
+ |
makeover = "2.3.0"
|
| 57 |
57 |
|
# The invariant half of the design system: relational spacing. makeover
|
| 58 |
58 |
|
# resolves colour, which a theme may override; this carries what no theme may.
|
| 59 |
59 |
|
toml = "1.1"
|
| 41 |
41 |
|
<aside class="sidebar">
|
| 42 |
42 |
|
<h2>Sources</h2>
|
| 43 |
43 |
|
<nav aria-label="Feed sources">
|
| 44 |
|
- |
<ul id="sources-list" class="sources-list">
|
|
44 |
+ |
<ul id="sources-list" class="sources-list well">
|
| 45 |
45 |
|
<li class="source-item active" data-source="">
|
| 46 |
46 |
|
<span class="source-name">All</span>
|
| 47 |
47 |
|
<span class="source-count">0</span>
|
| 68 |
68 |
|
<option value="starred">Starred</option>
|
| 69 |
69 |
|
</select>
|
| 70 |
70 |
|
</div>
|
| 71 |
|
- |
<ul id="items-list" class="items-list" aria-live="polite"></ul>
|
|
71 |
+ |
<ul id="items-list" class="items-list well" aria-live="polite"></ul>
|
| 72 |
72 |
|
<div id="load-more" class="load-more" style="display: none;">
|
| 73 |
73 |
|
<button id="load-more-btn" class="btn">Load More</button>
|
| 74 |
74 |
|
</div>
|
| 137 |
137 |
|
--surface-raised: #f7f3ee; /* themed */
|
| 138 |
138 |
|
--surface-sunken: #dcd3c6; /* themed */
|
| 139 |
139 |
|
--surface-overlay: #e4ddd2; /* themed */
|
|
140 |
+ |
--surface-well: #fffef9; /* themed: derived by makeover from surface-raised */
|
| 140 |
141 |
|
--bevel-light: #fffef9; /* themed: derived by makeover from surface-raised */
|
| 141 |
142 |
|
--bevel-dark: #bcb8b4; /* themed: derived by makeover from surface-raised */
|
| 142 |
143 |
|
--content: #605a52; /* themed */
|