Skip to content

Commit 875a5ce

Browse files
Spiderpig86Spiderpig86
committed
🔧 chore(lists.scss): Fix specifier for tree-nav class for small viewports
1 parent 37290af commit 875a5ce

7 files changed

Lines changed: 19 additions & 20 deletions

File tree

‎dist/cirrus-all.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13647,7 +13647,7 @@ ul .divider::after {
1364713647

1364813648
@media screen and (max-width: 767px) {
1364913649
/* Hide the menu to the side by default */
13650-
.tree-nav {
13650+
.tree-nav-body .tree-nav {
1365113651
height: 100%;
1365213652
left: 0;
1365313653
overflow-y: auto;
@@ -13662,12 +13662,12 @@ ul .divider::after {
1366213662
/* Create the area to click to close the menu */
1366313663
/* Reset max-width in mobile */
1366413664
}
13665-
.tree-nav.tree-nav--visible, .tree-nav:target {
13665+
.tree-nav-body .tree-nav.tree-nav--visible, .tree-nav-body .tree-nav:target {
1366613666
transform: translateX(0);
1366713667
transition: transform var(--animation-duration) ease;
1366813668
/* Show the darkened area when the tree nav menu is clicked */
1366913669
}
13670-
.tree-nav.tree-nav--visible + .tree-nav-close, .tree-nav:target + .tree-nav-close {
13670+
.tree-nav-body .tree-nav.tree-nav--visible + .tree-nav-close, .tree-nav-body .tree-nav:target + .tree-nav-close {
1367113671
display: block;
1367213672
background-color: rgba(0, 0, 0, 0.15);
1367313673
height: 100%;
@@ -13678,7 +13678,7 @@ ul .divider::after {
1367813678
width: 100%;
1367913679
z-index: 300;
1368013680
}
13681-
.tree-nav .tree-nav-close {
13681+
.tree-nav-body .tree-nav .tree-nav-close {
1368213682
background-color: rgba(0, 0, 0, 0.15);
1368313683
display: none;
1368413684
height: 100%;
@@ -13689,7 +13689,7 @@ ul .divider::after {
1368913689
width: 100%;
1369013690
z-index: 300;
1369113691
}
13692-
.tree-nav + .tree-nav-body {
13692+
.tree-nav-body .tree-nav + .tree-nav-body {
1369313693
max-width: inherit;
1369413694
}
1369513695
/* Header bar for mobile websites with the tree-nav */

‎dist/cirrus-all.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/cirrus-core.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12226,7 +12226,7 @@ ul .divider::after {
1222612226

1222712227
@media screen and (max-width: 767px) {
1222812228
/* Hide the menu to the side by default */
12229-
.tree-nav {
12229+
.tree-nav-body .tree-nav {
1223012230
height: 100%;
1223112231
left: 0;
1223212232
overflow-y: auto;
@@ -12241,12 +12241,12 @@ ul .divider::after {
1224112241
/* Create the area to click to close the menu */
1224212242
/* Reset max-width in mobile */
1224312243
}
12244-
.tree-nav.tree-nav--visible, .tree-nav:target {
12244+
.tree-nav-body .tree-nav.tree-nav--visible, .tree-nav-body .tree-nav:target {
1224512245
transform: translateX(0);
1224612246
transition: transform var(--animation-duration) ease;
1224712247
/* Show the darkened area when the tree nav menu is clicked */
1224812248
}
12249-
.tree-nav.tree-nav--visible + .tree-nav-close, .tree-nav:target + .tree-nav-close {
12249+
.tree-nav-body .tree-nav.tree-nav--visible + .tree-nav-close, .tree-nav-body .tree-nav:target + .tree-nav-close {
1225012250
display: block;
1225112251
background-color: rgba(0, 0, 0, 0.15);
1225212252
height: 100%;
@@ -12257,7 +12257,7 @@ ul .divider::after {
1225712257
width: 100%;
1225812258
z-index: 300;
1225912259
}
12260-
.tree-nav .tree-nav-close {
12260+
.tree-nav-body .tree-nav .tree-nav-close {
1226112261
background-color: rgba(0, 0, 0, 0.15);
1226212262
display: none;
1226312263
height: 100%;
@@ -12268,7 +12268,7 @@ ul .divider::after {
1226812268
width: 100%;
1226912269
z-index: 300;
1227012270
}
12271-
.tree-nav + .tree-nav-body {
12271+
.tree-nav-body .tree-nav + .tree-nav-body {
1227212272
max-width: inherit;
1227312273
}
1227412274
/* Header bar for mobile websites with the tree-nav */

‎dist/cirrus-core.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/cirrus.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12227,7 +12227,7 @@ ul .divider::after {
1222712227

1222812228
@media screen and (max-width: 767px) {
1222912229
/* Hide the menu to the side by default */
12230-
.tree-nav {
12230+
.tree-nav-body .tree-nav {
1223112231
height: 100%;
1223212232
left: 0;
1223312233
overflow-y: auto;
@@ -12242,12 +12242,12 @@ ul .divider::after {
1224212242
/* Create the area to click to close the menu */
1224312243
/* Reset max-width in mobile */
1224412244
}
12245-
.tree-nav.tree-nav--visible, .tree-nav:target {
12245+
.tree-nav-body .tree-nav.tree-nav--visible, .tree-nav-body .tree-nav:target {
1224612246
transform: translateX(0);
1224712247
transition: transform var(--animation-duration) ease;
1224812248
/* Show the darkened area when the tree nav menu is clicked */
1224912249
}
12250-
.tree-nav.tree-nav--visible + .tree-nav-close, .tree-nav:target + .tree-nav-close {
12250+
.tree-nav-body .tree-nav.tree-nav--visible + .tree-nav-close, .tree-nav-body .tree-nav:target + .tree-nav-close {
1225112251
display: block;
1225212252
background-color: rgba(0, 0, 0, 0.15);
1225312253
height: 100%;
@@ -12258,7 +12258,7 @@ ul .divider::after {
1225812258
width: 100%;
1225912259
z-index: 300;
1226012260
}
12261-
.tree-nav .tree-nav-close {
12261+
.tree-nav-body .tree-nav .tree-nav-close {
1226212262
background-color: rgba(0, 0, 0, 0.15);
1226312263
display: none;
1226412264
height: 100%;
@@ -12269,7 +12269,7 @@ ul .divider::after {
1226912269
width: 100%;
1227012270
z-index: 300;
1227112271
}
12272-
.tree-nav + .tree-nav-body {
12272+
.tree-nav-body .tree-nav + .tree-nav-body {
1227312273
max-width: inherit;
1227412274
}
1227512275
/* Header bar for mobile websites with the tree-nav */

‎dist/cirrus.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/lists.scss‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,6 @@
8787
transition: all var(--animation-duration);
8888
}
8989

90-
9190
.menu-item a {
9291
box-shadow: none;
9392
color: inherit;
@@ -305,7 +304,7 @@
305304

306305
@include screen-below($sm) {
307306
/* Hide the menu to the side by default */
308-
.tree-nav {
307+
.tree-nav-body .tree-nav {
309308
height: 100%;
310309
left: 0;
311310
overflow-y: auto;

0 commit comments

Comments
 (0)