Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/zabbix/zabbix.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
authorAlexander Shubin <aleksandrs.subins@zabbix.com>2022-08-17 17:58:13 +0300
committerAlexander Shubin <aleksandrs.subins@zabbix.com>2022-08-17 18:00:34 +0300
commit3a50aba8b0cac3b1848c6386c649d5f14224cd9e (patch)
treea4a933efd2dee3758a2e58b7432fba81c02cbc98 /sass
parent075523d4c76e39208b9e44b644dca65cdaabda88 (diff)
..F....... [ZBXNEXT-7469] reworked widgets (part 1)
Diffstat (limited to 'sass')
-rw-r--r--sass/stylesheets/sass/components/dashboard/_widget-clock.scss52
1 files changed, 27 insertions, 25 deletions
diff --git a/sass/stylesheets/sass/components/dashboard/_widget-clock.scss b/sass/stylesheets/sass/components/dashboard/_widget-clock.scss
index 41497454cf9..1f282fe2020 100644
--- a/sass/stylesheets/sass/components/dashboard/_widget-clock.scss
+++ b/sass/stylesheets/sass/components/dashboard/_widget-clock.scss
@@ -1,39 +1,41 @@
// Widget configuration.
form.dashboard-widget-clock {
- .fields-group-date,
- .fields-group-time,
- .fields-group-tzone {
- display: grid;
- grid-template-columns: 60px 120px repeat(2, minmax(60px, max-content) auto);
- align-items: center;
- column-gap: 10px;
- row-gap: 5px;
+ .fields-group {
+ &.fields-group-date,
+ &.fields-group-time,
+ &.fields-group-tzone {
+ display: grid;
+ grid-template-columns: 60px 120px repeat(2, minmax(60px, max-content) auto);
+ align-items: center;
+ column-gap: 10px;
+ row-gap: 5px;
- label {
- text-align: right;
- }
+ label {
+ text-align: right;
+ }
- .field-size {
- input {
- margin-right: 5px;
+ .field-size {
+ input {
+ margin-right: 5px;
+ }
}
}
- }
- .fields-group-time {
- .field-format {
- grid-column: 4 / -1;
+ &.fields-group-time {
+ .field-format {
+ grid-column: 4 / -1;
+ }
}
- }
- .fields-group-tzone {
- .field-format {
- grid-column: 2 / -1;
- }
+ &.fields-group-tzone {
+ .field-format {
+ grid-column: 2 / -1;
+ }
- .field-timezone {
- grid-column: 2 / -1;
+ .field-timezone {
+ grid-column: 2 / -1;
+ }
}
}
}