@justai/cuts 0.64.0 → 0.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Toolbar.astro +11 -2
package/package.json
CHANGED
package/src/Toolbar.astro
CHANGED
|
@@ -186,8 +186,17 @@ import AuthMount from "./AuthMount.astro";
|
|
|
186
186
|
themes — an SVG's internal `prefers-color-scheme` does not survive <img>, measured — and the persona
|
|
187
187
|
hides one with a media query. A `display: block` here would be two classes deep against the persona's
|
|
188
188
|
one and would WIN, showing both marks stacked. That exact mistake shipped once in this shell and the
|
|
189
|
-
founder counted the duplicate logos before anyone read the CSS. Width and height only.
|
|
190
|
-
|
|
189
|
+
founder counted the duplicate logos before anyone read the CSS. Width and height only.
|
|
190
|
+
|
|
191
|
+
14.5px, NOT the 19px the stroke icons get, and the difference is the whole point. A glyph carries its
|
|
192
|
+
own padding: measured in this toolbar, the bubble and the folder draw 14.3px of ink inside a 19px box,
|
|
193
|
+
and the grid 14.25px. A mark has no padding — it is artwork whose coordinates fill its viewBox
|
|
194
|
+
(favicon.svg 101%, appzone-mark.svg 111%), so a 19px box gives it 19px of ink and it reads about a
|
|
195
|
+
third larger than everything beside it at the same nominal size. Equal boxes are not equal icons.
|
|
196
|
+
Sizing the box to the neighbours' INK is what makes the row look level. The founder saw this before
|
|
197
|
+
it was measured, and the same correction already exists in the Profile cut, where the bare mark sits
|
|
198
|
+
at 72% of its tile for the same reason. */
|
|
199
|
+
.tb-nav.tb-mark :global(img) { width: 14.5px; height: 14.5px; }
|
|
191
200
|
.tb-nav :global(svg) { width: 19px; height: 19px; }
|
|
192
201
|
</style>
|
|
193
202
|
|