mirror of https://github.com/zulip/zulip.git
css: Use classname for stream subheader name.
This commit is contained in:
parent
8427b6f744
commit
1b8658670c
|
@ -895,8 +895,8 @@
|
||||||
.streams_subheader {
|
.streams_subheader {
|
||||||
color: hsl(240deg 11% 85%);
|
color: hsl(240deg 11% 85%);
|
||||||
|
|
||||||
& span::before,
|
& .streams_subheader_name::before,
|
||||||
span::after {
|
.streams_subheader_name::after {
|
||||||
border-color: hsl(240deg 11% 85%);
|
border-color: hsl(240deg 11% 85%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1342,7 +1342,7 @@ li.topic-list-item {
|
||||||
margin-right: var(--left-sidebar-right-margin);
|
margin-right: var(--left-sidebar-right-margin);
|
||||||
color: hsl(240deg 10% 50%);
|
color: hsl(240deg 10% 50%);
|
||||||
|
|
||||||
& span {
|
& .streams_subheader_name {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -1351,8 +1351,8 @@ li.topic-list-item {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
& span::before,
|
& .streams_subheader_name::before,
|
||||||
span::after {
|
.streams_subheader_name::after {
|
||||||
content: " ";
|
content: " ";
|
||||||
flex: 1 1;
|
flex: 1 1;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
@ -1361,11 +1361,11 @@ li.topic-list-item {
|
||||||
opacity: 0.2;
|
opacity: 0.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
& span::before {
|
& .streams_subheader_name::before {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
& span::after {
|
& .streams_subheader_name::after {
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
<div class="streams_subheader">
|
<div class="streams_subheader">
|
||||||
<span>{{ subheader_name }}</span>
|
<span class="streams_subheader_name">{{ subheader_name }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue