@rogieking/figui3 6.8.0 → 6.8.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/components.css +10 -14
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -2988,6 +2988,7 @@ dialog,
|
|
|
2988
2988
|
.popover,
|
|
2989
2989
|
[popover] {
|
|
2990
2990
|
--dialog-radius: var(--radius-large, 0.8125rem);
|
|
2991
|
+
--dialog-max-width: calc(100vw - var(--spacer-4));
|
|
2991
2992
|
padding: 0;
|
|
2992
2993
|
outline: 0;
|
|
2993
2994
|
border: 0;
|
|
@@ -2996,14 +2997,12 @@ dialog,
|
|
|
2996
2997
|
color: var(--figma-color-text);
|
|
2997
2998
|
border-radius: var(--dialog-radius);
|
|
2998
2999
|
background: var(--figma-color-bg);
|
|
2999
|
-
min-width: var(--popover-min-width);
|
|
3000
|
+
min-width: min(var(--popover-min-width), var(--dialog-max-width));
|
|
3000
3001
|
box-shadow: var(--figma-elevation-500-modal-window);
|
|
3001
3002
|
max-height: calc(60vh - var(--spacer-4));
|
|
3002
|
-
max-width:
|
|
3003
|
+
max-width: var(--dialog-max-width);
|
|
3003
3004
|
height: max-content;
|
|
3004
3005
|
|
|
3005
|
-
& > fig-content,
|
|
3006
|
-
&> .fig-content,
|
|
3007
3006
|
&> main {
|
|
3008
3007
|
flex: 1 1 auto;
|
|
3009
3008
|
min-height: 0;
|
|
@@ -3011,10 +3010,6 @@ dialog,
|
|
|
3011
3010
|
overscroll-behavior: contain;
|
|
3012
3011
|
}
|
|
3013
3012
|
|
|
3014
|
-
p {
|
|
3015
|
-
padding: 0 var(--spacer-3);
|
|
3016
|
-
}
|
|
3017
|
-
|
|
3018
3013
|
&:popover-open {
|
|
3019
3014
|
display: block;
|
|
3020
3015
|
outline: none !important;
|
|
@@ -3326,11 +3321,6 @@ fig-header {
|
|
|
3326
3321
|
gap: var(--spacer-2);
|
|
3327
3322
|
user-select: none;
|
|
3328
3323
|
color: var(--figma-color-text-secondary);
|
|
3329
|
-
|
|
3330
|
-
fig-input-text:only-child{
|
|
3331
|
-
margin-right: calc(var(--spacer-2) * -1);
|
|
3332
|
-
margin-left: calc(var(--spacer-2) * -1);
|
|
3333
|
-
}
|
|
3334
3324
|
|
|
3335
3325
|
|
|
3336
3326
|
fig-button[icon][variant="ghost"]:not(fig-input-text fig-button) {
|
|
@@ -3486,8 +3476,14 @@ fig-footer {
|
|
|
3486
3476
|
}
|
|
3487
3477
|
|
|
3488
3478
|
fig-content {
|
|
3489
|
-
padding: var(--spacer-2) 0;
|
|
3479
|
+
padding: var(--spacer-2-5) 0;
|
|
3490
3480
|
display: block;
|
|
3481
|
+
&:has(>fig-group[name]:first-child){
|
|
3482
|
+
padding-top: 0;
|
|
3483
|
+
}
|
|
3484
|
+
&:has(>fig-group[name]:last-child){
|
|
3485
|
+
padding-bottom: 0;
|
|
3486
|
+
}
|
|
3491
3487
|
}
|
|
3492
3488
|
|
|
3493
3489
|
vstack,
|