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

css: Use SCSS nesting in settings.scss for `.dynamic-input`.

This commit is contained in:
majordwarf 2020-05-09 17:10:59 +05:30 committed by Tim Abbott
parent 1384050683
commit 03a95cfe49
1 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
static/styles/settings.scss
View File

@ -378,37 +378,35 @@ td .button {
border-radius: 3px; border-radius: 3px;
transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;
min-width: 208px; min-width: 208px;
}
.dynamic-input:hover { &:hover {
outline: none; outline: none;
box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 1.0); box-shadow: 0px 0px 4px hsla(199, 79%, 56%, 1.0);
} }
.dynamic-input {
div, div,
label { label {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
} }
}
.dynamic-input div { div {
margin-right: -2px; margin-right: -2px;
&:empty::after { &:empty::after {
content: "username"; content: "username";
color: hsl(0, 0%, 67%);
}
}
&.bot_user_name div:empty::after {
content: "bot_user_name";
color: hsl(0, 0%, 67%); color: hsl(0, 0%, 67%);
} }
}
.dynamic-input.bot_user_name div:empty::after { [contenteditable=true] {
content: "bot_user_name"; outline: none;
color: hsl(0, 0%, 67%); }
}
.dynamic-input [contenteditable=true] {
outline: none;
} }
.button, .button,