@i-cell/ids-styles 0.0.48 → 0.0.50
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/components.css +14 -13
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +13 -10
- package/dist/dialog/dialog.css +3 -13
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +2 -10
- package/dist/side-nav/side-nav.css +9 -0
- package/dist/side-nav/side-nav.min.css +1 -1
- package/dist/side-nav/side-nav.plugin.js +9 -0
- package/dist/snackbar/snackbar.css +2 -0
- package/dist/snackbar/snackbar.min.css +1 -1
- package/dist/snackbar/snackbar.plugin.js +2 -0
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -5468,8 +5468,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5468
5468
|
max-height: 80vh;
|
|
5469
5469
|
}
|
|
5470
5470
|
.ids-dialog .ids-dialog-container .ids-dialog-header {
|
|
5471
|
-
display:
|
|
5472
|
-
|
|
5471
|
+
display: grid;
|
|
5472
|
+
grid-template-columns: 1fr auto;
|
|
5473
5473
|
}
|
|
5474
5474
|
.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title {
|
|
5475
5475
|
font-style: normal;
|
|
@@ -5481,20 +5481,10 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5481
5481
|
font-style: normal;
|
|
5482
5482
|
}
|
|
5483
5483
|
.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content {
|
|
5484
|
-
display:
|
|
5485
|
-
flex-direction: column;
|
|
5486
|
-
flex: 1 0 0;
|
|
5487
|
-
align-items: flex-start;
|
|
5488
|
-
}
|
|
5489
|
-
.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-close-button {
|
|
5490
|
-
position: absolute;
|
|
5491
|
-
top: 12px;
|
|
5492
|
-
right: 12px;
|
|
5484
|
+
display: grid;
|
|
5493
5485
|
}
|
|
5494
5486
|
.ids-dialog .ids-dialog-container .ids-dialog-content {
|
|
5495
5487
|
display: flex;
|
|
5496
|
-
align-items: center;
|
|
5497
|
-
justify-content: center;
|
|
5498
5488
|
overflow-y: auto;
|
|
5499
5489
|
background: var(--ids-comp-dialog-content-color-bg-default);
|
|
5500
5490
|
}
|
|
@@ -11648,6 +11638,15 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
11648
11638
|
.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu {
|
|
11649
11639
|
display: flex;
|
|
11650
11640
|
flex-direction: column;
|
|
11641
|
+
overflow: hidden;
|
|
11642
|
+
max-height: 0;
|
|
11643
|
+
opacity: 0;
|
|
11644
|
+
transition: all 300ms ease-out;
|
|
11645
|
+
}
|
|
11646
|
+
.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-submenu.expanded {
|
|
11647
|
+
max-height: 10000px;
|
|
11648
|
+
opacity: 1;
|
|
11649
|
+
transition: all 300ms ease-in;
|
|
11651
11650
|
}
|
|
11652
11651
|
.ids-side-nav .ids-side-nav-item.ids-side-nav-item-expandable .ids-side-nav-item-expandable-summary > button[idsIconButton] {
|
|
11653
11652
|
margin-left: auto;
|
|
@@ -12746,6 +12745,8 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
12746
12745
|
.ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
|
|
12747
12746
|
flex: 1 0 0;
|
|
12748
12747
|
font-style: normal;
|
|
12748
|
+
display: flex;
|
|
12749
|
+
align-items: center;
|
|
12749
12750
|
}
|
|
12750
12751
|
.ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
|
|
12751
12752
|
display: flex;
|