diff options
-rw-r--r-- | sass/stylesheets/sass/screen.scss | 67 | ||||
-rw-r--r-- | ui/assets/styles/blue-theme.css | 83 | ||||
-rw-r--r-- | ui/assets/styles/dark-theme.css | 83 | ||||
-rw-r--r-- | ui/assets/styles/hc-dark.css | 83 | ||||
-rw-r--r-- | ui/assets/styles/hc-light.css | 83 |
5 files changed, 198 insertions, 201 deletions
diff --git a/sass/stylesheets/sass/screen.scss b/sass/stylesheets/sass/screen.scss index 1a2bc3ef02b..6e452621077 100644 --- a/sass/stylesheets/sass/screen.scss +++ b/sass/stylesheets/sass/screen.scss @@ -325,11 +325,15 @@ form { } td { - .icon-maintenance, - .icon-depend-up, - .icon-depend-down { + .icon-maintenance { margin: 0 0 -3px 4px; } + + .icon-depend-up, + .icon-depend-down, + .icon-ackn { + margin: 0 4px -3px 0; + } } &.compact-view { @@ -460,9 +464,17 @@ form { } } - [class*='icon-depend-'] { + .icon-depend-up, + .icon-depend-down { width: 12px; - margin-right: 0; + } + + .icon-depend-up::before { + background-position: -49px -731px; + } + + .icon-depend-down::before { + background-position: -49px -767px; } .rel-container { @@ -494,7 +506,7 @@ form { .icon-maintenance { height: 12px; width: 12px; - margin: 3px 1px 2px 2px; + margin: 3px 1px 2px 4px; &::before { height: 12px; @@ -2539,12 +2551,14 @@ button[disabled] { } $var-icons: ( - depend-up: url($sprite-path) no-repeat -49px -729px, - depend-down: url($sprite-path) no-repeat -49px -765px, - ackn: url($sprite-path) no-repeat -45px -693px + maintenance: url($sprite-path) no-repeat -47px -803px, + depend-up: url($sprite-path) no-repeat -47px -731px, + depend-down: url($sprite-path) no-repeat -47px -767px, + ackn: url($sprite-path) no-repeat -47px -694px ); // Dynamically generated classes: +// .icon-maintenance // .icon-depend-up // .icon-depend-down // .icon-ackn @@ -2555,15 +2569,14 @@ $var-icons: ( width: 16px; height: 16px; border-radius: 2px; - right: 5px; &::before { - background: $bgimage; @extend %var-icons; + background: $bgimage; width: 14px; height: 14px; - left: 3px; - top: -1px; + left: 1px; + top: 1px; } &:link, @@ -2578,34 +2591,6 @@ $var-icons: ( } } -.icon-maintenance { - position: relative; - display: inline-block; - width: 16px; - height: 16px; - border-radius: 2px; - - &::before { - @extend %var-icons; - background: url($sprite-path) no-repeat -47px -803px; - width: 14px; - height: 14px; - left: 1px; - top: 1px; - } - - &:link, - &:hover, - &:focus { - border-bottom: none; - } - - &:focus { - box-shadow: 0 0 0 2px $btn-border-focus-color; - } - -} - $trigger-expression-tree-icons: ( top-bottom: url($sprite-path) no-repeat -84px -300px, top-bottom-right: url($sprite-path) no-repeat -84px -334px, diff --git a/ui/assets/styles/blue-theme.css b/ui/assets/styles/blue-theme.css index 0e20defb29e..b7e1ec3e849 100644 --- a/ui/assets/styles/blue-theme.css +++ b/ui/assets/styles/blue-theme.css @@ -2821,10 +2821,12 @@ form.is-loading { .list-table .action-container .separator { flex-shrink: 0; margin-right: 4px; } - .list-table td .icon-maintenance, - .list-table td .icon-depend-up, - .list-table td .icon-depend-down { + .list-table td .icon-maintenance { margin: 0 0 -3px 4px; } + .list-table td .icon-depend-up, + .list-table td .icon-depend-down, + .list-table td .icon-ackn { + margin: 0 4px -3px 0; } .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td { color: #1f2c33; } .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td sup, @@ -2878,9 +2880,13 @@ form.is-loading { top: 0; } .list-table.compact-view td [class*='icon-']:last-of-type { margin-right: 0; } - .list-table.compact-view td [class*='icon-depend-'] { - width: 12px; - margin-right: 0; } + .list-table.compact-view td .icon-depend-up, + .list-table.compact-view td .icon-depend-down { + width: 12px; } + .list-table.compact-view td .icon-depend-up::before { + background-position: -49px -731px; } + .list-table.compact-view td .icon-depend-down::before { + background-position: -49px -767px; } .list-table.compact-view td .rel-container span { margin: 0; } .list-table.compact-view td .tag { @@ -2901,7 +2907,7 @@ form.is-loading { .list-table.compact-view td .icon-maintenance { height: 12px; width: 12px; - margin: 3px 1px 2px 2px; } + margin: 3px 1px 2px 4px; } .list-table.compact-view td .icon-maintenance::before { height: 12px; width: 12px; @@ -4191,75 +4197,72 @@ button[disabled], button[disabled]:hover, button[disabled]:active { display: inline-block; margin: 0 14px 0 0; } -.icon-depend-up { +.icon-maintenance { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-up::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -729px; + border-radius: 2px; } + .icon-maintenance::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { + left: 1px; + top: 1px; } + .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { border-bottom: none; } - .icon-depend-up:focus { + .icon-maintenance:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } -.icon-depend-down { +.icon-depend-up { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-down::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -765px; + border-radius: 2px; } + .icon-depend-up::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -731px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { + left: 1px; + top: 1px; } + .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { border-bottom: none; } - .icon-depend-down:focus { + .icon-depend-up:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } -.icon-ackn { +.icon-depend-down { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-ackn::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -45px -693px; + border-radius: 2px; } + .icon-depend-down::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -767px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { + left: 1px; + top: 1px; } + .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { border-bottom: none; } - .icon-ackn:focus { + .icon-depend-down:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } -.icon-maintenance { +.icon-ackn { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 2px; } - .icon-maintenance::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; + .icon-ackn::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -694px; width: 14px; height: 14px; left: 1px; top: 1px; } - .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { + .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { border-bottom: none; } - .icon-maintenance:focus { + .icon-ackn:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } .icon-tree-top-bottom, .icon-tree-top-bottom-right, .icon-tree-top-right, .icon-tree-empty { @@ -4301,7 +4304,7 @@ button[disabled], button[disabled]:hover, button[disabled]:active { opacity: 1; background-color: transparent; } -.icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before, .icon-maintenance::before { +.icon-maintenance::before, .icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before { display: inline-block; width: 18px; height: 18px; diff --git a/ui/assets/styles/dark-theme.css b/ui/assets/styles/dark-theme.css index 27a70855c49..afeb4b39dbf 100644 --- a/ui/assets/styles/dark-theme.css +++ b/ui/assets/styles/dark-theme.css @@ -2834,10 +2834,12 @@ form.is-loading { .list-table .action-container .separator { flex-shrink: 0; margin-right: 4px; } - .list-table td .icon-maintenance, - .list-table td .icon-depend-up, - .list-table td .icon-depend-down { + .list-table td .icon-maintenance { margin: 0 0 -3px 4px; } + .list-table td .icon-depend-up, + .list-table td .icon-depend-down, + .list-table td .icon-ackn { + margin: 0 4px -3px 0; } .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td { color: #000000; } .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td sup, @@ -2889,9 +2891,13 @@ form.is-loading { top: 0; } .list-table.compact-view td [class*='icon-']:last-of-type { margin-right: 0; } - .list-table.compact-view td [class*='icon-depend-'] { - width: 12px; - margin-right: 0; } + .list-table.compact-view td .icon-depend-up, + .list-table.compact-view td .icon-depend-down { + width: 12px; } + .list-table.compact-view td .icon-depend-up::before { + background-position: -49px -731px; } + .list-table.compact-view td .icon-depend-down::before { + background-position: -49px -767px; } .list-table.compact-view td .rel-container span { margin: 0; } .list-table.compact-view td .tag { @@ -2912,7 +2918,7 @@ form.is-loading { .list-table.compact-view td .icon-maintenance { height: 12px; width: 12px; - margin: 3px 1px 2px 2px; } + margin: 3px 1px 2px 4px; } .list-table.compact-view td .icon-maintenance::before { height: 12px; width: 12px; @@ -4202,75 +4208,72 @@ button[disabled], button[disabled]:hover, button[disabled]:active { display: inline-block; margin: 0 14px 0 0; } -.icon-depend-up { +.icon-maintenance { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-up::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -729px; + border-radius: 2px; } + .icon-maintenance::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { + left: 1px; + top: 1px; } + .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { border-bottom: none; } - .icon-depend-up:focus { + .icon-maintenance:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } -.icon-depend-down { +.icon-depend-up { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-down::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -765px; + border-radius: 2px; } + .icon-depend-up::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -731px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { + left: 1px; + top: 1px; } + .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { border-bottom: none; } - .icon-depend-down:focus { + .icon-depend-up:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } -.icon-ackn { +.icon-depend-down { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-ackn::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -45px -693px; + border-radius: 2px; } + .icon-depend-down::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -767px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { + left: 1px; + top: 1px; } + .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { border-bottom: none; } - .icon-ackn:focus { + .icon-depend-down:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } -.icon-maintenance { +.icon-ackn { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 2px; } - .icon-maintenance::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; + .icon-ackn::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -694px; width: 14px; height: 14px; left: 1px; top: 1px; } - .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { + .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { border-bottom: none; } - .icon-maintenance:focus { + .icon-ackn:focus { box-shadow: 0 0 0 2px rgba(30, 135, 227, 0.35); } .icon-tree-top-bottom, .icon-tree-top-bottom-right, .icon-tree-top-right, .icon-tree-empty { @@ -4312,7 +4315,7 @@ button[disabled], button[disabled]:hover, button[disabled]:active { opacity: 1; background-color: transparent; } -.icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before, .icon-maintenance::before { +.icon-maintenance::before, .icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before { display: inline-block; width: 18px; height: 18px; diff --git a/ui/assets/styles/hc-dark.css b/ui/assets/styles/hc-dark.css index b961255eca4..1eceeba3ab0 100644 --- a/ui/assets/styles/hc-dark.css +++ b/ui/assets/styles/hc-dark.css @@ -2810,10 +2810,12 @@ form.is-loading { .list-table .action-container .separator { flex-shrink: 0; margin-right: 4px; } - .list-table td .icon-maintenance, - .list-table td .icon-depend-up, - .list-table td .icon-depend-down { + .list-table td .icon-maintenance { margin: 0 0 -3px 4px; } + .list-table td .icon-depend-up, + .list-table td .icon-depend-down, + .list-table td .icon-ackn { + margin: 0 4px -3px 0; } .list-table.compact-view .link-action { color: #ffffff; } .list-table.compact-view .link-action.red { @@ -2844,9 +2846,13 @@ form.is-loading { top: 0; } .list-table.compact-view td [class*='icon-']:last-of-type { margin-right: 0; } - .list-table.compact-view td [class*='icon-depend-'] { - width: 12px; - margin-right: 0; } + .list-table.compact-view td .icon-depend-up, + .list-table.compact-view td .icon-depend-down { + width: 12px; } + .list-table.compact-view td .icon-depend-up::before { + background-position: -49px -731px; } + .list-table.compact-view td .icon-depend-down::before { + background-position: -49px -767px; } .list-table.compact-view td .rel-container span { margin: 0; } .list-table.compact-view td .tag { @@ -2867,7 +2873,7 @@ form.is-loading { .list-table.compact-view td .icon-maintenance { height: 12px; width: 12px; - margin: 3px 1px 2px 2px; } + margin: 3px 1px 2px 4px; } .list-table.compact-view td .icon-maintenance::before { height: 12px; width: 12px; @@ -4157,75 +4163,72 @@ button[disabled], button[disabled]:hover, button[disabled]:active { display: inline-block; margin: 0 14px 0 0; } -.icon-depend-up { +.icon-maintenance { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-up::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -729px; + border-radius: 2px; } + .icon-maintenance::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { + left: 1px; + top: 1px; } + .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { border-bottom: none; } - .icon-depend-up:focus { + .icon-maintenance:focus { box-shadow: 0 0 0 2px #ffffff; } -.icon-depend-down { +.icon-depend-up { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-down::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -765px; + border-radius: 2px; } + .icon-depend-up::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -731px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { + left: 1px; + top: 1px; } + .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { border-bottom: none; } - .icon-depend-down:focus { + .icon-depend-up:focus { box-shadow: 0 0 0 2px #ffffff; } -.icon-ackn { +.icon-depend-down { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-ackn::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -45px -693px; + border-radius: 2px; } + .icon-depend-down::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -767px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { + left: 1px; + top: 1px; } + .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { border-bottom: none; } - .icon-ackn:focus { + .icon-depend-down:focus { box-shadow: 0 0 0 2px #ffffff; } -.icon-maintenance { +.icon-ackn { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 2px; } - .icon-maintenance::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; + .icon-ackn::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -694px; width: 14px; height: 14px; left: 1px; top: 1px; } - .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { + .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { border-bottom: none; } - .icon-maintenance:focus { + .icon-ackn:focus { box-shadow: 0 0 0 2px #ffffff; } .icon-tree-top-bottom, .icon-tree-top-bottom-right, .icon-tree-top-right, .icon-tree-empty { @@ -4267,7 +4270,7 @@ button[disabled], button[disabled]:hover, button[disabled]:active { opacity: 1; background-color: transparent; } -.icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before, .icon-maintenance::before { +.icon-maintenance::before, .icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before { display: inline-block; width: 18px; height: 18px; diff --git a/ui/assets/styles/hc-light.css b/ui/assets/styles/hc-light.css index f3baf1b7866..f90fef6cebb 100644 --- a/ui/assets/styles/hc-light.css +++ b/ui/assets/styles/hc-light.css @@ -2810,10 +2810,12 @@ form.is-loading { .list-table .action-container .separator { flex-shrink: 0; margin-right: 4px; } - .list-table td .icon-maintenance, - .list-table td .icon-depend-up, - .list-table td .icon-depend-down { + .list-table td .icon-maintenance { margin: 0 0 -3px 4px; } + .list-table td .icon-depend-up, + .list-table td .icon-depend-down, + .list-table td .icon-ackn { + margin: 0 4px -3px 0; } .list-table.compact-view .link-action { color: #000000; } .list-table.compact-view .link-action.red { @@ -2844,9 +2846,13 @@ form.is-loading { top: 0; } .list-table.compact-view td [class*='icon-']:last-of-type { margin-right: 0; } - .list-table.compact-view td [class*='icon-depend-'] { - width: 12px; - margin-right: 0; } + .list-table.compact-view td .icon-depend-up, + .list-table.compact-view td .icon-depend-down { + width: 12px; } + .list-table.compact-view td .icon-depend-up::before { + background-position: -49px -731px; } + .list-table.compact-view td .icon-depend-down::before { + background-position: -49px -767px; } .list-table.compact-view td .rel-container span { margin: 0; } .list-table.compact-view td .tag { @@ -2867,7 +2873,7 @@ form.is-loading { .list-table.compact-view td .icon-maintenance { height: 12px; width: 12px; - margin: 3px 1px 2px 2px; } + margin: 3px 1px 2px 4px; } .list-table.compact-view td .icon-maintenance::before { height: 12px; width: 12px; @@ -4157,75 +4163,72 @@ button[disabled], button[disabled]:hover, button[disabled]:active { display: inline-block; margin: 0 14px 0 0; } -.icon-depend-up { +.icon-maintenance { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-up::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -729px; + border-radius: 2px; } + .icon-maintenance::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { + left: 1px; + top: 1px; } + .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { border-bottom: none; } - .icon-depend-up:focus { + .icon-maintenance:focus { box-shadow: 0 0 0 2px #000000; } -.icon-depend-down { +.icon-depend-up { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-depend-down::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -49px -765px; + border-radius: 2px; } + .icon-depend-up::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -731px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { + left: 1px; + top: 1px; } + .icon-depend-up:link, .icon-depend-up:hover, .icon-depend-up:focus { border-bottom: none; } - .icon-depend-down:focus { + .icon-depend-up:focus { box-shadow: 0 0 0 2px #000000; } -.icon-ackn { +.icon-depend-down { position: relative; display: inline-block; width: 16px; height: 16px; - border-radius: 2px; - right: 5px; } - .icon-ackn::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -45px -693px; + border-radius: 2px; } + .icon-depend-down::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -767px; width: 14px; height: 14px; - left: 3px; - top: -1px; } - .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { + left: 1px; + top: 1px; } + .icon-depend-down:link, .icon-depend-down:hover, .icon-depend-down:focus { border-bottom: none; } - .icon-ackn:focus { + .icon-depend-down:focus { box-shadow: 0 0 0 2px #000000; } -.icon-maintenance { +.icon-ackn { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 2px; } - .icon-maintenance::before { - background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -803px; + .icon-ackn::before { + background: url("../img/icon-sprite.svg?20211222") no-repeat -47px -694px; width: 14px; height: 14px; left: 1px; top: 1px; } - .icon-maintenance:link, .icon-maintenance:hover, .icon-maintenance:focus { + .icon-ackn:link, .icon-ackn:hover, .icon-ackn:focus { border-bottom: none; } - .icon-maintenance:focus { + .icon-ackn:focus { box-shadow: 0 0 0 2px #000000; } .icon-tree-top-bottom, .icon-tree-top-bottom-right, .icon-tree-top-right, .icon-tree-empty { @@ -4267,7 +4270,7 @@ button[disabled], button[disabled]:hover, button[disabled]:active { opacity: 1; background-color: transparent; } -.icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before, .icon-maintenance::before { +.icon-maintenance::before, .icon-depend-up::before, .icon-depend-down::before, .icon-ackn::before { display: inline-block; width: 18px; height: 18px; |