css: Use classname for stream subheader name.

(cherry picked from commit 1b8658670c)
This commit is contained in:
evykassirer 2024-07-25 12:13:15 -07:00 committed by Tim Abbott
parent 33e10eaa04
commit 823f32454a
3 changed files with 8 additions and 8 deletions

View File

@ -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%);
} }
} }

View File

@ -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;
} }
} }

View File

@ -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>