@rogieking/figui3 2.33.1 → 2.33.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/components.css +8 -14
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -484,7 +484,6 @@ input[type="text"][list] {
|
|
|
484
484
|
display: block;
|
|
485
485
|
width: 1rem;
|
|
486
486
|
height: 1rem;
|
|
487
|
-
margin-right: calc(var(--spacer-1) * -1);
|
|
488
487
|
background-color: currentColor;
|
|
489
488
|
-webkit-mask-image: var(--icon-checkmark);
|
|
490
489
|
mask-image: var(--icon-checkmark);
|
|
@@ -3171,6 +3170,7 @@ fig-layer {
|
|
|
3171
3170
|
color: var(--figma-color-text);
|
|
3172
3171
|
position: relative;
|
|
3173
3172
|
user-select: none;
|
|
3173
|
+
width: 100%;
|
|
3174
3174
|
border-radius: var(--radius-medium);
|
|
3175
3175
|
|
|
3176
3176
|
/* When layer has children */
|
|
@@ -3178,24 +3178,17 @@ fig-layer {
|
|
|
3178
3178
|
& > .fig-layer-row {
|
|
3179
3179
|
& > .fig-layer-chevron {
|
|
3180
3180
|
visibility: visible;
|
|
3181
|
-
margin-left: calc(-1 * (var(--spacer-3) + var(--spacer-3) + 6px));
|
|
3182
|
-
margin-right: 0;
|
|
3183
3181
|
}
|
|
3184
3182
|
}
|
|
3185
3183
|
}
|
|
3186
3184
|
|
|
3187
|
-
&:not(:has(.fig-layer-icon)) {
|
|
3188
|
-
& > .fig-layer-row {
|
|
3189
|
-
padding-left: var(--spacer-4);
|
|
3190
|
-
}
|
|
3191
|
-
}
|
|
3192
|
-
|
|
3193
3185
|
& > .fig-layer-row {
|
|
3194
3186
|
display: flex;
|
|
3195
3187
|
align-items: center;
|
|
3196
3188
|
gap: var(--spacer-1);
|
|
3197
3189
|
padding: var(--spacer-1) var(--spacer-2);
|
|
3198
3190
|
margin-left: 0;
|
|
3191
|
+
height: var(--spacer-4);
|
|
3199
3192
|
border-radius: var(--radius-medium);
|
|
3200
3193
|
position: relative;
|
|
3201
3194
|
|
|
@@ -3207,14 +3200,15 @@ fig-layer {
|
|
|
3207
3200
|
mask-position: center;
|
|
3208
3201
|
display: flex;
|
|
3209
3202
|
visibility: hidden;
|
|
3210
|
-
margin-left: calc(-1 * (var(--spacer-3) + var(--spacer-3)));
|
|
3211
|
-
margin-right: calc(-1 * (var(--spacer-1) + 2px));
|
|
3212
3203
|
background: var(--figma-color-text-tertiary);
|
|
3213
3204
|
width: var(--spacer-3);
|
|
3214
3205
|
height: var(--spacer-3);
|
|
3215
3206
|
flex-shrink: 0;
|
|
3216
|
-
transform: rotate(-90deg);
|
|
3217
3207
|
transition: transform 0.15s;
|
|
3208
|
+
position: absolute;
|
|
3209
|
+
left: calc(var(--spacer-3) * -1);
|
|
3210
|
+
top: var(--spacer-1);
|
|
3211
|
+
rotate: -90deg;
|
|
3218
3212
|
}
|
|
3219
3213
|
|
|
3220
3214
|
&:hover {
|
|
@@ -3231,7 +3225,7 @@ fig-layer {
|
|
|
3231
3225
|
width: var(--spacer-3);
|
|
3232
3226
|
height: var(--spacer-3);
|
|
3233
3227
|
color: var(--figma-color-icon-tertiary);
|
|
3234
|
-
margin-left: var(--spacer-1);
|
|
3228
|
+
margin-left: calc(var(--spacer-1) * -1);
|
|
3235
3229
|
}
|
|
3236
3230
|
|
|
3237
3231
|
> label {
|
|
@@ -3271,7 +3265,7 @@ fig-layer {
|
|
|
3271
3265
|
|
|
3272
3266
|
/* Rotate chevron when open */
|
|
3273
3267
|
&[open]:not([open="false"]) > .fig-layer-row > .fig-layer-chevron {
|
|
3274
|
-
|
|
3268
|
+
rotate: 0deg;
|
|
3275
3269
|
}
|
|
3276
3270
|
|
|
3277
3271
|
/* Dimmed when not visible */
|
package/package.json
CHANGED