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

css: Use SCSS nesting in app_components.scss for .clear_search_button.

Browse Source
This commit is contained in:
Vaibhav 2019-05-28 01:34:10 +05:30 committed by Tim Abbott
parent d0d497fc2d
commit ff7aedd78a
1 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
static/styles/app_components.scss
View File

@ -297,37 +297,39 @@
margin: 0px;
}
.clear_search_button:hover {
color: hsl(0, 0%, 0%);
}
.clear_search_button {
&:hover {
color: hsl(0, 0%, 0%);
}
.clear_search_button[disabled] {
visibility: hidden;
}
&[disabled] {
visibility: hidden;
}
.clear_search_button,
.clear_search_button:focus,
.clear_search_button:active,
.clear_search_button[disabled]:hover {
position: relative;
right: 20px;
background: none;
border: none;
text-align: center;
padding-top: 8px;
padding-left: 4px;
color: hsl(0, 0%, 80%);
text-shadow: none;
outline: none !important;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
z-index: 5;
&,
&:focus,
&:active,
&[disabled]:hover {
position: relative;
right: 20px;
background: none;
border: none;
text-align: center;
padding-top: 8px;
padding-left: 4px;
color: hsl(0, 0%, 80%);
text-shadow: none;
outline: none !important;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
z-index: 5;
.user_status_overlay & {
margin-left: -26px;
right: 0;
padding-top: 6px;
.user_status_overlay & {
margin-left: -26px;
right: 0;
padding-top: 6px;
}
}
}