@livelayer/react 0.2.1 → 0.2.2
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/styles.css +14 -9
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -120,9 +120,14 @@
|
|
|
120
120
|
/* Solid-black tab docked to the screen edge with a white chevron.
|
|
121
121
|
Designed to be unmistakably visible on light AND dark pages — no
|
|
122
122
|
transparency, no backdrop-blur tricks. Drag vertically to
|
|
123
|
-
reposition; click to reopen.
|
|
123
|
+
reposition; click to reopen.
|
|
124
124
|
|
|
125
|
-
.ll-hidden
|
|
125
|
+
Why `.ll-widget .ll-hidden` instead of bare `.ll-hidden`:
|
|
126
|
+
the upstream `.ll-widget button` reset (background:none, border:none,
|
|
127
|
+
color:inherit) has specificity (0,1,1) and would zero out background
|
|
128
|
+
and border on the bare class. Compound selector wins at (0,2,0). */
|
|
129
|
+
|
|
130
|
+
.ll-widget .ll-hidden {
|
|
126
131
|
display: flex;
|
|
127
132
|
align-items: center;
|
|
128
133
|
justify-content: center;
|
|
@@ -148,34 +153,34 @@
|
|
|
148
153
|
-webkit-user-select: none;
|
|
149
154
|
}
|
|
150
155
|
|
|
151
|
-
.ll-hidden:hover {
|
|
156
|
+
.ll-widget .ll-hidden:hover {
|
|
152
157
|
background: #1a1a1a;
|
|
153
158
|
width: 42px;
|
|
154
159
|
}
|
|
155
160
|
|
|
156
|
-
.ll-hidden.is-dragging {
|
|
161
|
+
.ll-widget .ll-hidden.is-dragging {
|
|
157
162
|
cursor: grabbing;
|
|
158
163
|
transition: none;
|
|
159
164
|
background: #1a1a1a;
|
|
160
165
|
}
|
|
161
166
|
|
|
162
|
-
.ll-hidden--right {
|
|
167
|
+
.ll-widget .ll-hidden--right {
|
|
163
168
|
right: 0;
|
|
164
169
|
border-right: none;
|
|
165
170
|
border-radius: 14px 0 0 14px;
|
|
166
171
|
}
|
|
167
|
-
.ll-hidden--left {
|
|
172
|
+
.ll-widget .ll-hidden--left {
|
|
168
173
|
left: 0;
|
|
169
174
|
border-left: none;
|
|
170
175
|
border-radius: 0 14px 14px 0;
|
|
171
176
|
}
|
|
172
177
|
|
|
173
|
-
.ll-hidden--mobile {
|
|
178
|
+
.ll-widget .ll-hidden--mobile {
|
|
174
179
|
width: 40px;
|
|
175
180
|
height: 80px;
|
|
176
181
|
}
|
|
177
182
|
|
|
178
|
-
.ll-hidden__chevron {
|
|
183
|
+
.ll-widget .ll-hidden__chevron {
|
|
179
184
|
/* Centered visually inside the tab. The SVG's stroke handles color;
|
|
180
185
|
`display: block` prevents any baseline gap that would offset the
|
|
181
186
|
icon vertically. */
|
|
@@ -188,7 +193,7 @@
|
|
|
188
193
|
pointer-events: none;
|
|
189
194
|
}
|
|
190
195
|
|
|
191
|
-
.ll-hidden--speaking {
|
|
196
|
+
.ll-widget .ll-hidden--speaking {
|
|
192
197
|
animation: ll-pulse 1.5s ease-in-out infinite;
|
|
193
198
|
}
|
|
194
199
|
|
package/package.json
CHANGED