Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

navbar: Refactor tab_bar to nested selectors. 

This refactors tab_list styles to be under tab_bar and to use nesting.
This commit is contained in:
YashRE42 2019-03-10 23:38:36 +05:30 committed by Tim Abbott
parent 75215f0014
commit 7d4cebbc1e
1 changed files with 85 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
static/styles/zulip.scss
View File

@ -1702,7 +1702,6 @@ a:hover code {
float: left;
letter-spacing: normal;
height: 40px;
}
#tab_list {
list-style: none;
@ -1712,9 +1711,8 @@ a:hover code {
font-size: 16px;
border: none;
white-space: nowrap;
}
#tab_list li {
li {
white-space: nowrap;
list-style-type: none;
display: inline-block;
@ -1728,30 +1726,11 @@ a:hover code {
padding: 0 5px;
}
#tab_list li.inactive {
background-color: hsl(0, 0%, 88%);
border-width: 0px;
margin-right: -4px;
font-size: 14px;
}
#tab_list li.private_message a {
li.private_message a {
color: hsl(0, 0%, 100%);
}
#tab_list li.inactive::before {
left: 100%;
top: 50%;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
z-index: 1;
-moz-transform: scale(.9999);
}
#tab_list a {
a {
text-decoration: none;
color: inherit;
border-color: inherit;
@ -1764,7 +1743,7 @@ a:hover code {
text-overflow: ellipsis;
}
#tab_list li.active {
li.active {
background-color: hsl(0, 0%, 88%);
max-width: 150px;
white-space: nowrap;
@ -1772,11 +1751,7 @@ a:hover code {
text-overflow: ellipsis;
}
#tab_list li.active.root {
padding: 0px 10px;
}
#tab_list li.private_message {
li.private_message {
border-top-color: hsla(0, 0%, 0%, 0.0);
border-right-color: hsla(0, 0%, 0%, 0.0);
border-bottom-color: hsla(0, 0%, 0%, 0.0);
@ -1786,19 +1761,41 @@ a:hover code {
border-width: 0px;
}
#tab_list .root {
.root {
border-color: hsl(0, 0%, 88%);
background-color: hsl(0, 0%, 88%);
margin: 0px;
}
#tab_list li.root a {
a {
color: hsl(0, 0%, 52%);
padding-right: 2px;
&:hover {
color: hsl(0, 0%, 0%);
}
}
}
#tab_list .root a:hover {
color: hsl(0, 0%, 0%);
li.inactive {
background-color: hsl(0, 0%, 88%);
border-width: 0px;
margin-right: -4px;
font-size: 14px;
&::before {
left: 100%;
top: 50%;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
z-index: 1;
-moz-transform: scale(.9999);
}
}
li.active.root {
padding: 0px 10px;
}
}
}
#tab_bar_underpadding {