@mlola-ui/tokens 1.1.22 → 1.1.23
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/generated/recipes.css +23 -2
- package/package.json +1 -1
package/generated/recipes.css
CHANGED
|
@@ -2587,6 +2587,11 @@ button.ml-breadcrumb-link {
|
|
|
2587
2587
|
z-index: var(--ml-layer-popover);
|
|
2588
2588
|
top: 0;
|
|
2589
2589
|
left: 0;
|
|
2590
|
+
display: flex;
|
|
2591
|
+
flex-direction: column;
|
|
2592
|
+
/* No taller than the room on the side it opened (--ml-floating-room, from
|
|
2593
|
+
useFloating), so it fits beside its trigger, even with a phone's keyboard up. */
|
|
2594
|
+
max-height: var(--ml-floating-room, none);
|
|
2590
2595
|
padding: var(--ml-space-1);
|
|
2591
2596
|
border: var(--ml-border-width) solid var(--ml-border-subtle);
|
|
2592
2597
|
border-radius: var(--ml-radius-lg);
|
|
@@ -2607,8 +2612,8 @@ button.ml-breadcrumb-link {
|
|
|
2607
2612
|
.ml-combobox-list {
|
|
2608
2613
|
display: grid;
|
|
2609
2614
|
gap: var(--ml-space-0-5);
|
|
2610
|
-
|
|
2611
|
-
max-height:
|
|
2615
|
+
min-height: 0;
|
|
2616
|
+
max-height: 16rem;
|
|
2612
2617
|
margin: 0;
|
|
2613
2618
|
padding: 0;
|
|
2614
2619
|
overflow-y: auto;
|
|
@@ -3130,6 +3135,11 @@ button.ml-breadcrumb-link {
|
|
|
3130
3135
|
left: 0;
|
|
3131
3136
|
margin: 0;
|
|
3132
3137
|
min-width: 14rem;
|
|
3138
|
+
/* No taller than the room on the side it opened (--ml-floating-room, from
|
|
3139
|
+
useFloating), so it fits beside its trigger, even with a phone's keyboard up. */
|
|
3140
|
+
max-height: var(--ml-floating-room, none);
|
|
3141
|
+
overflow-y: auto;
|
|
3142
|
+
overscroll-behavior: contain;
|
|
3133
3143
|
padding: var(--ml-space-1);
|
|
3134
3144
|
border: var(--ml-border-width) solid var(--ml-border-subtle);
|
|
3135
3145
|
border-radius: var(--ml-radius-lg);
|
|
@@ -4063,6 +4073,11 @@ button.ml-breadcrumb-link {
|
|
|
4063
4073
|
left: 0;
|
|
4064
4074
|
min-width: 12rem;
|
|
4065
4075
|
max-width: min(22rem, calc(100vw - 1rem));
|
|
4076
|
+
/* No taller than the room on the side it opened (--ml-floating-room, from
|
|
4077
|
+
useFloating), so it fits beside its trigger, even with a phone's keyboard up. */
|
|
4078
|
+
max-height: var(--ml-floating-room, none);
|
|
4079
|
+
overflow-y: auto;
|
|
4080
|
+
overscroll-behavior: contain;
|
|
4066
4081
|
padding: var(--ml-panel-padding);
|
|
4067
4082
|
border: var(--ml-border-width) solid var(--ml-border-subtle);
|
|
4068
4083
|
border-radius: calc(var(--ml-radius-lg) + 2px);
|
|
@@ -4833,6 +4848,11 @@ button.ml-breadcrumb-link {
|
|
|
4833
4848
|
left: 0;
|
|
4834
4849
|
margin: 0;
|
|
4835
4850
|
color: var(--ml-text);
|
|
4851
|
+
display: flex;
|
|
4852
|
+
flex-direction: column;
|
|
4853
|
+
/* No taller than the room on the side it opened (--ml-floating-room, from
|
|
4854
|
+
useFloating), so it fits beside its trigger, even with a phone's keyboard up. */
|
|
4855
|
+
max-height: var(--ml-floating-room, none);
|
|
4836
4856
|
max-width: calc(100vw - var(--ml-space-4));
|
|
4837
4857
|
padding: var(--ml-space-1);
|
|
4838
4858
|
border: var(--ml-border-width) solid var(--ml-border-subtle);
|
|
@@ -4872,6 +4892,7 @@ button.ml-breadcrumb-link {
|
|
|
4872
4892
|
.ml-select-list {
|
|
4873
4893
|
display: grid;
|
|
4874
4894
|
gap: var(--ml-space-0-5);
|
|
4895
|
+
min-height: 0;
|
|
4875
4896
|
max-height: 14rem;
|
|
4876
4897
|
overflow: auto;
|
|
4877
4898
|
scrollbar-width: thin;
|