CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-03 21:10:12 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

app_components: Refactor css for save-discard widget.

Browse Source 
We change the CSS for save-discard widget to not be inside
"#settings_page" selector such that it can be used as a
common component for stream settings also.

This commit also updates the selectors to be more specific
such that the ".new-style.button" css cannot override
these rules.
This commit is contained in:
Sahil Batra 2022-12-01 19:46:22 +05:30 committed by Tim Abbott
parent 59b7a68e71
commit e64c1948ed
1 changed files with 27 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
static/styles/app_components.css
View File

@ -740,7 +740,14 @@ div.overlay {
}
}
#settings_page {
.save-button-controls {
display: inline;
margin-left: 15px;
&.hide {
display: none;
}
.save-discard-widget-button {
border-radius: 5px;
border: 1px solid hsl(0, 0%, 80%);
@ -785,6 +792,25 @@ div.overlay {
}
}
&.save-button {
margin-right: 5px;
.save-discard-widget-button-loading {
display: none;
}
&.saving {
.save-discard-widget-button-icon {
display: none;
}
.save-discard-widget-button-loading {
display: inline-block;
margin-right: 2px;
}
}
}
.save-discard-widget-button-icon {
vertical-align: middle;
margin-right: 3px;
@ -797,32 +823,4 @@ div.overlay {
line-height: 1;
}
}
.save-button-controls {
display: inline;
margin-left: 15px;
&.hide {
display: none;
}
}
.save-button {
margin-right: 5px;
.save-discard-widget-button-loading {
display: none;
}
&.saving {
.save-discard-widget-button-icon {
display: none;
}
.save-discard-widget-button-loading {
display: inline-block;
margin-right: 2px;
}
}
}
}