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

css: Refactor topic edit buttons to use scss nesting.

This commit is contained in:
Alexandra Ciobica 2019-07-17 22:30:39 +03:00
parent 117e1e05ea
commit 28ebe3e6ba
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/styles/zulip.scss
View File

@ -2546,30 +2546,30 @@ li .message_inline_image img {
height: 18px; height: 18px;
border-radius: 4px; border-radius: 4px;
margin-bottom: 3px; margin-bottom: 3px;
}
.small_square_button:focus { &:focus {
outline: none; outline: none;
} }
.small_square_button.small_square_check { &.small_square_check {
background-color: hsl(166, 35%, 57%); background-color: hsl(166, 35%, 57%);
color: hsl(0, 0%, 95%); color: hsl(0, 0%, 95%);
}
.small_square_button.small_square_check:hover { &:hover {
background-color: hsl(156, 30%, 50%); background-color: hsl(156, 30%, 50%);
color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%);
} }
.small_square_button.small_square_x {
background-color: hsl(0, 0%, 100%);
color: hsl(0, 0%, 47%);
} }
.small_square_button.small_square_x:hover { &.small_square_x {
background-color: hsl(0, 0%, 100%);
color: hsl(0, 0%, 47%);
&:hover {
color: hsl(0, 0%, 18%); color: hsl(0, 0%, 18%);
} }
}
}
div.topic_edit_spinner { div.topic_edit_spinner {
display: inline-block; display: inline-block;