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

css: Tweak sortable list styling to make sortable columns more obvious.

This commit is contained in:
Thomas Ip 2019-08-16 17:40:53 +08:00 committed by Tim Abbott
parent 936366ffaa
commit 808641a603
1 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/styles/settings.scss
View File

@ -285,11 +285,8 @@ td .button {
border-top: 1px solid hsla(0, 0%, 0%, 0.2) !important;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2) !important;
&.active {
opacity: 1;
transition: opacity 100ms ease-out;
&::after {
&.active::after,
&[data-sort]:hover::after {
content: " \f0d8";
white-space: pre;
display: inline-block;
@ -298,10 +295,24 @@ td .button {
text-rendering: auto;
}
&.active {
opacity: 1;
transition: opacity 100ms ease-out;
&.descend::after {
content: " \f0d7";
}
}
&[data-sort]:hover {
cursor: pointer;
background-color: hsla(0, 0%, 0%, 0.05);
transition: background-color 100ms ease-in-out;
&:not(.active)::after {
opacity: 0.3;
}
}
}
}