@trebired/frontend 19.4.0 → 19.5.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/CHANGELOG.md +4 -0
- package/dist/surface/styles/blocks.scss +5 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 19.5.0
|
|
4
|
+
|
|
5
|
+
- An action row's value no longer breaks mid-word by default. It is usually an address or a number, and `overflow-wrap: anywhere` cut `info@machynka.eu` across two lines on a phone. It breaks only where it truly cannot fit now, and its size is capped against the screen before that: a site's chosen size holds on a wide screen and gives way on a narrow one, so the same address fits on one line at phone width.
|
|
6
|
+
|
|
3
7
|
## 19.4.0
|
|
4
8
|
|
|
5
9
|
- A hairline grid draws lines only between its cells. Each cell carried a full ring and the grid an outer border, so the outside edges were drawn twice and the grid was boxed in. The lines are the grid's gap showing through now, which cannot reach an outer edge, and they default to 10% of the current colour rather than 18%.
|
|
@@ -102,9 +102,12 @@
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
#{ns.element-class("action-row", "value")} {
|
|
105
|
-
overflow-wrap:
|
|
105
|
+
overflow-wrap: break-word;
|
|
106
106
|
color: var(#{ns.css-var("surf-action-row-value-color")}, inherit);
|
|
107
|
-
font-size:
|
|
107
|
+
font-size: min(
|
|
108
|
+
var(#{ns.css-var("surf-action-row-value-font-size")}, 1.25rem),
|
|
109
|
+
max(0.85rem, 4.2vw)
|
|
110
|
+
);
|
|
108
111
|
font-weight: var(#{ns.css-var("surf-action-row-value-font-weight")}, 700);
|
|
109
112
|
transition: color var(#{ns.css-var("transition-fast")}, 180ms) ease;
|
|
110
113
|
}
|