@ostack.tech/ui 0.12.3 → 0.12.5
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/ostack-ui.css
CHANGED
|
@@ -4086,6 +4086,7 @@ a > .o-ui-code {
|
|
|
4086
4086
|
.o-ui-tabs__tab--annexes {
|
|
4087
4087
|
--o-ui-tabs-tab-font-weight: 500;
|
|
4088
4088
|
--o-ui-tabs-tab-inner-min-width: 60px;
|
|
4089
|
+
--o-ui-tabs-tab-inner-height: 100%;
|
|
4089
4090
|
--o-ui-tabs-tab-inner-min-height: 34px;
|
|
4090
4091
|
--o-ui-tabs-tab-inner-padding-y: var(--o-ui-space);
|
|
4091
4092
|
--o-ui-tabs-tab-inner-padding-x: calc(var(--o-ui-space) * 2);
|
|
@@ -4112,6 +4113,7 @@ a > .o-ui-code {
|
|
|
4112
4113
|
.o-ui-tabs__tab-inner {
|
|
4113
4114
|
max-width: 220px;
|
|
4114
4115
|
min-width: var(--o-ui-tabs-tab-inner-min-width);
|
|
4116
|
+
height: var(--o-ui-tabs-tab-inner-height);
|
|
4115
4117
|
min-height: var(--o-ui-tabs-tab-inner-min-height);
|
|
4116
4118
|
padding: var(--o-ui-tabs-tab-inner-padding-y) var(--o-ui-tabs-tab-inner-padding-x);
|
|
4117
4119
|
border-radius: var(--o-ui-tabs-tab-inner-border-radius);
|
package/package.json
CHANGED
|
@@ -46,6 +46,7 @@ $tabs-tab-default-open-status-box-shadow: inset 0 -2px 0 0
|
|
|
46
46
|
|
|
47
47
|
// Tab inner - Default
|
|
48
48
|
$tabs-tab-inner-default-min-width: null !default;
|
|
49
|
+
$tabs-tab-inner-default-height: null !default;
|
|
49
50
|
$tabs-tab-inner-default-min-height: null !default;
|
|
50
51
|
$tabs-tab-inner-default-padding-y: spacing(1) !default;
|
|
51
52
|
$tabs-tab-inner-default-padding-x: spacing(2) !default;
|
|
@@ -129,6 +130,7 @@ $tabs-tab-annexes-open-status-box-shadow: null !default;
|
|
|
129
130
|
|
|
130
131
|
// Tab inner - Annexes
|
|
131
132
|
$tabs-tab-inner-annexes-min-width: 60px !default;
|
|
133
|
+
$tabs-tab-inner-annexes-height: 100% !default;
|
|
132
134
|
$tabs-tab-inner-annexes-min-height: 34px !default;
|
|
133
135
|
$tabs-tab-inner-annexes-padding-y: spacing(1) !default;
|
|
134
136
|
$tabs-tab-inner-annexes-padding-x: spacing(2) !default;
|
|
@@ -292,6 +294,10 @@ $tabs-tab-inner-min-width-by-variant: (
|
|
|
292
294
|
default: $tabs-tab-inner-default-min-width,
|
|
293
295
|
annexes: $tabs-tab-inner-annexes-min-width,
|
|
294
296
|
) !default;
|
|
297
|
+
$tabs-tab-inner-height-by-variant: (
|
|
298
|
+
default: $tabs-tab-inner-default-height,
|
|
299
|
+
annexes: $tabs-tab-inner-annexes-height,
|
|
300
|
+
) !default;
|
|
295
301
|
$tabs-tab-inner-min-height-by-variant: (
|
|
296
302
|
default: $tabs-tab-inner-default-min-height,
|
|
297
303
|
annexes: $tabs-tab-inner-annexes-min-height,
|
|
@@ -134,6 +134,10 @@
|
|
|
134
134
|
--#{$prefix}tabs-tab-inner-min-width,
|
|
135
135
|
map.get($tabs-tab-inner-min-width-by-variant, $variant)
|
|
136
136
|
);
|
|
137
|
+
@include declare-var(
|
|
138
|
+
--#{$prefix}tabs-tab-inner-height,
|
|
139
|
+
map.get($tabs-tab-inner-height-by-variant, $variant)
|
|
140
|
+
);
|
|
137
141
|
@include declare-var(
|
|
138
142
|
--#{$prefix}tabs-tab-inner-min-height,
|
|
139
143
|
map.get($tabs-tab-inner-min-height-by-variant, $variant)
|
|
@@ -344,6 +348,7 @@
|
|
|
344
348
|
&__tab-inner {
|
|
345
349
|
max-width: $tabs-tab-inner-max-width;
|
|
346
350
|
min-width: var(--#{$prefix}tabs-tab-inner-min-width);
|
|
351
|
+
height: var(--#{$prefix}tabs-tab-inner-height);
|
|
347
352
|
min-height: var(--#{$prefix}tabs-tab-inner-min-height);
|
|
348
353
|
padding: var(--#{$prefix}tabs-tab-inner-padding-y)
|
|
349
354
|
var(--#{$prefix}tabs-tab-inner-padding-x);
|