github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 18:35:17 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Cleanup nav-stacked .active state styles, remove unnecessary nesting

Browse Source
This commit is contained in:
minusfive 2017-08-30 11:01:01 -04:00 committed by Robin Ward
parent 8781c6bfcb
commit 5fd4970602
4 changed files with 32 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/common/admin/admin_base.scss
View File

@ -375,11 +375,6 @@ td.flaggers td {
width: 18.018%; width: 18.018%;
position: relative; position: relative;
li a.active {
color: $secondary;
background-color: $quaternary;
}
// The admin-nav becomes a slide-out menu at the mobile-nav breakpoint // The admin-nav becomes a slide-out menu at the mobile-nav breakpoint
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
position: absolute; position: absolute;

2
app/assets/stylesheets/common/base/rtl.scss
View File

@ -27,7 +27,7 @@
// Changes the triangle arrow direction in .nav-stacked .active // Changes the triangle arrow direction in .nav-stacked .active
// The 'left' and 'right' in these selectors is not being flipped by r2. // The 'left' and 'right' in these selectors is not being flipped by r2.
.rtl .nav-stacked .active > a::after { .rtl .nav-stacked a.active::after {
border-left-color: transparent !important; border-left-color: transparent !important;
border-right-color: $secondary !important; border-right-color: $secondary !important;
} }

39
app/assets/stylesheets/common/components/navs.scss
View File

@ -76,29 +76,28 @@
&.indent { &.indent {
padding-left: 15px; padding-left: 15px;
} }
a {
margin: 0;
padding: 13px;
font-size: 1.143em;
line-height: 20px;
cursor: pointer;
color: $primary;
}
} }
.active > a, a {
li > a.active { margin: 0;
color: $secondary; padding: 13px;
background-color: $quaternary; font-size: 1.143em;
line-height: 20px;
cursor: pointer;
color: $primary;
&:after { &.active {
left: 90%; color: $secondary;
top: 33%; background-color: $quaternary;
content: " ";
position: absolute; &::after {
border: 8px solid transparent; left: 90%;
border-left-color: $secondary; top: 33%;
content: " ";
position: absolute;
border: 8px solid transparent;
border-left-color: $secondary;
}
} }
} }

16
app/assets/stylesheets/desktop/user.scss
View File

@ -113,25 +113,27 @@
.nav-stacked { .nav-stacked {
background-color: transparent; background-color: transparent;
li { li {
border-bottom: none; border-bottom: none;
a { &.archive {
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%)); padding-left: 15px;
} }
}
a.active { a {
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
&.active {
color: $primary; color: $primary;
font-weight: bold; font-weight: bold;
background-color: transparent; background-color: transparent;
&:after { &:after {
display: none; display: none;
} }
} }
&.archive {
padding-left: 15px;
}
} }
} }
} }