@lalternative/editor 0.8.2 → 0.8.3
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/dist/editor.css +18 -0
- package/package.json +1 -1
package/dist/editor.css
CHANGED
|
@@ -129,6 +129,24 @@
|
|
|
129
129
|
box-shadow: inset 1px 0 0 var(--lalt-editor-border, rgb(0 0 0 / 0.1));
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
+
/* On a phone the three labels do not fit, and the bar clips its last button —
|
|
133
|
+
the format menu ends up unreachable behind an edge with nothing saying it
|
|
134
|
+
scrolls. Where an icon already carries the meaning the label steps aside and
|
|
135
|
+
survives as the accessible name.
|
|
136
|
+
|
|
137
|
+
Not a (pointer: coarse) query: a narrow desktop window has the same problem
|
|
138
|
+
and a wide tablet has neither. */
|
|
139
|
+
@media (max-width: 30rem) {
|
|
140
|
+
.lalt-toolbar__button[data-has-icon] .lalt-toolbar__label {
|
|
141
|
+
display: none;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.lalt-toolbar__button[data-has-icon] {
|
|
145
|
+
padding-left: 0.75rem;
|
|
146
|
+
padding-right: 0.75rem;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
132
150
|
.lalt-toolbar__button:active {
|
|
133
151
|
background: var(--lalt-editor-active, rgb(0 0 0 / 0.12));
|
|
134
152
|
}
|
package/package.json
CHANGED