diff --git a/www/theme/default/style.css b/www/theme/default/style.css index 8ae1e94f02..65c2b746e1 100644 --- a/www/theme/default/style.css +++ b/www/theme/default/style.css @@ -194,14 +194,19 @@ tbody tr td.c-actions .dividing-line {width: 1px; height: 16px; display: inline- .label-pri-4, .label-pri-5, .label-selector > .label-pri[data-value="4"], .label-selector > .label-pri[data-value="5"] {color: #9EA3B0; border-color: #9EA3B0;} .label-severity:before {content: '';} +.label-selector > .label.label-severity, .label-selector > .label.label-severity.active, .c-severity > .label-severity, .pri-text > .label-severity {background: url('images/severity/severity-sprite.png') no-repeat; background-size:cover; border: none; height: 26px; line-height: 32px; background-position: 0px -165px; color: #9EA3B0;} +.label-selector > .label.label-severity[data-severity="1"], .label-selector > .label.label-severity[data-value="1"] {color: #FB2B2B; background-position: 0px -1px;} +.label-selector > .label.label-severity[data-severity="2"], .label-selector > .label.label-severity[data-value="2"] {color: #FF8058; background-position: 0px -41px;} +.label-selector > .label.label-severity[data-severity="3"], .label-selector > .label.label-severity[data-value="3"] {color: #FAAE1A; background-position: 0px -80px;} +.label-selector > .label.label-severity[data-severity="4"], .label-selector > .label.label-severity[data-value="4"] {color: #B89664; background-position: 0px -123px;} + .c-severity > .label-severity {height: 28px;} .c-severity > .label-severity:after {top: 9px;} -.c-severity > .label-severity {background-position: 0px -132px;} -.label-selector > .label.label-severity, .label-selector > .label.label-severity.active, .c-severity > .label-severity, .pri-text > .label-severity {background: url('images/severity/severity-sprite.png') no-repeat; background-size:cover; border: none; height: 26px; line-height: 32px; background-position: 0px -165px; color: #9EA3B0;} -.label-selector > .label.label-severity[data-severity="1"], .label-selector > .label.label-severity[data-value="1"], .c-severity > .label-severity[data-severity="1"] {color: #FB2B2B; background-position: 0px -1px;} -.label-selector > .label.label-severity[data-severity="2"], .label-selector > .label.label-severity[data-value="2"], .c-severity > .label-severity[data-severity="2"] {color: #FF8058; background-position: 0px -41px;} -.label-selector > .label.label-severity[data-severity="3"], .label-selector > .label.label-severity[data-value="3"], .c-severity > .label-severity[data-severity="3"] {color: #FAAE1A; background-position: 0px -80px;} -.label-selector > .label.label-severity[data-severity="4"], .label-selector > .label.label-severity[data-value="4"], .c-severity > .label-severity[data-severity="4"] {color: #B89664; background-position: 0px -123px;} +.c-severity > .label-severity {background: url('images/severity/severity-sprite.png') no-repeat; background-size:cover; border: none; height: 26px; line-height: 32px; background-position: 2px -136px; color: #9EA3B0; background-size: 83%;} +.c-severity > .label-severity[data-severity="1"] {color: #FB2B2B; background-position: 2px 1px;} +.c-severity > .label-severity[data-severity="2"] {color: #FF8058; background-position: 2px -32px;} +.c-severity > .label-severity[data-severity="3"] {color: #FAAE1A; background-position: 2px -65px;} +.c-severity > .label-severity[data-severity="4"] {color: #B89664; background-position: 2px -101px;} .pri-text > .label-pri, .pri-text > .label-severity {height: 20px;} .pri-text > .label-severity {background-size: 80%; background-position: 2px -132px;}