@scania/tegel-lite 0.1.0-side-menu-beta.1 → 0.1.0-side-menu-beta.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/dist/components.css +7 -3
- package/dist/tl-side-menu.css +7 -3
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -6901,7 +6901,8 @@ body {
|
|
|
6901
6901
|
display: none;
|
|
6902
6902
|
}
|
|
6903
6903
|
|
|
6904
|
-
.tl-side-menu__end-list
|
|
6904
|
+
.tl-side-menu__end-list {
|
|
6905
|
+
margin-top: var(--side-menu-item-height);
|
|
6905
6906
|
border-top: var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color);
|
|
6906
6907
|
}
|
|
6907
6908
|
.tl-side-menu__wrapper--empty .tl-side-menu__end-list {
|
|
@@ -6926,7 +6927,10 @@ body {
|
|
|
6926
6927
|
@media (min-width: 992px) {
|
|
6927
6928
|
.tl-side-menu--persistent .tl-side-menu__collapse {
|
|
6928
6929
|
display: flex;
|
|
6929
|
-
|
|
6930
|
+
position: sticky;
|
|
6931
|
+
bottom: 0;
|
|
6932
|
+
border-top: var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color);
|
|
6933
|
+
padding: var(--side-menu-gap) var(--side-menu-horizontal-padding);
|
|
6930
6934
|
}
|
|
6931
6935
|
.tl-side-menu--collapsed .tl-side-menu__collapse .tl-side-menu__collapse-text {
|
|
6932
6936
|
display: none;
|
|
@@ -7037,7 +7041,7 @@ body {
|
|
|
7037
7041
|
min-height: 48px;
|
|
7038
7042
|
display: flex;
|
|
7039
7043
|
align-items: center;
|
|
7040
|
-
border-bottom: var(--tds-side-menu-border-thickness) solid var(--tds-side-menu-item-border-
|
|
7044
|
+
border-bottom: var(--tds-side-menu-border-thickness) solid var(--tds-side-menu-item-border-color);
|
|
7041
7045
|
font-family: var(--type-system-title-01-font-family);
|
|
7042
7046
|
font-size: calc(var(--type-system-title-01-font-size) * 1px);
|
|
7043
7047
|
line-height: calc(var(--type-system-title-01-line-height) * 1px);
|
package/dist/tl-side-menu.css
CHANGED
|
@@ -433,7 +433,8 @@ body {
|
|
|
433
433
|
display: none;
|
|
434
434
|
}
|
|
435
435
|
|
|
436
|
-
.tl-side-menu__end-list
|
|
436
|
+
.tl-side-menu__end-list {
|
|
437
|
+
margin-top: var(--side-menu-item-height);
|
|
437
438
|
border-top: var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color);
|
|
438
439
|
}
|
|
439
440
|
.tl-side-menu__wrapper--empty .tl-side-menu__end-list {
|
|
@@ -458,7 +459,10 @@ body {
|
|
|
458
459
|
@media (min-width: 992px) {
|
|
459
460
|
.tl-side-menu--persistent .tl-side-menu__collapse {
|
|
460
461
|
display: flex;
|
|
461
|
-
|
|
462
|
+
position: sticky;
|
|
463
|
+
bottom: 0;
|
|
464
|
+
border-top: var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color);
|
|
465
|
+
padding: var(--side-menu-gap) var(--side-menu-horizontal-padding);
|
|
462
466
|
}
|
|
463
467
|
.tl-side-menu--collapsed .tl-side-menu__collapse .tl-side-menu__collapse-text {
|
|
464
468
|
display: none;
|
|
@@ -569,7 +573,7 @@ body {
|
|
|
569
573
|
min-height: 48px;
|
|
570
574
|
display: flex;
|
|
571
575
|
align-items: center;
|
|
572
|
-
border-bottom: var(--tds-side-menu-border-thickness) solid var(--tds-side-menu-item-border-
|
|
576
|
+
border-bottom: var(--tds-side-menu-border-thickness) solid var(--tds-side-menu-item-border-color);
|
|
573
577
|
font-family: var(--type-system-title-01-font-family);
|
|
574
578
|
font-size: calc(var(--type-system-title-01-font-size) * 1px);
|
|
575
579
|
line-height: calc(var(--type-system-title-01-line-height) * 1px);
|