CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-24 21:08:25 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

recent_topics: Fix misplaced thead border and adjacent css properties.

Browse Source
This commit is contained in:
Aman Agrawal 2020-06-01 18:22:54 +05:30 committed by Tim Abbott
parent e5e02319b4
commit ec00e39e45
2 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/styles/night_mode.scss
View File

@ -407,13 +407,25 @@ on a dark background, and don't change the dark labels dark either. */
}
.btn-recent-filters {
background-color: hsl(0, 0%, 26%);
background-color: hsl(211, 29%, 14%);
border-color: hsl(0, 0%, 0%);
color: hsl(0, 0%, 100%);
}
.btn-recent-selected {
.btn-recent-selected,
.recent_topics_table thead th {
background-color: hsl(0, 0%, 0%) !important;
&:hover {
background-color: hsl(211, 29%, 14%) !important;
}
}
.recent_topics_table td a {
color: hsl(206, 89%, 74%);
text-decoration: none;
&:hover {
color: hsl(208, 64%, 52%);
}
}
thead,

23
static/styles/recent_topics.scss
View File

@ -57,6 +57,14 @@
padding: 15px;
overflow: hidden !important;
a {
color: hsl(205, 47%, 42%);
text-decoration: none;
&:hover {
color: hsl(214, 40%, 58%);
}
}
.required-text:empty::after {
content: attr(data-empty);
display: block;
@ -79,10 +87,10 @@
overflow-y: auto;
max-height: 100%;
}
.tableFixHead thead th {
position: sticky;
top: 0;
z-index: 1000;
.tableFixHead table {
// To keep border properties to the thead th.
border-collapse: separate;
}
#recent_topics_filter_buttons {
@ -158,10 +166,13 @@
}
thead th {
background-color: inherit;
background-color: hsl(0, 0%, 100%);
color: inherit;
border-top: 1px solid hsla(0, 0%, 0%, 0.2) !important;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2) !important;
position: sticky;
top: 0;
z-index: 1000;
&.active::after,
&[data-sort]:hover::after {
@ -185,7 +196,7 @@
&[data-sort]:hover {
cursor: pointer;
background-color: hsla(0, 0%, 0%, 0.05);
background-color: hsla(0, 0%, 95%);
transition: background-color 100ms ease-in-out;
&:not(.active)::after {