diff options
| -rw-r--r-- | frontends/php/styles/blue-theme.css | 336 | ||||
| -rw-r--r-- | frontends/php/styles/dark-theme.css | 350 | ||||
| -rw-r--r-- | frontends/php/styles/hc-dark.css | 369 | ||||
| -rw-r--r-- | frontends/php/styles/hc-light.css | 367 |
4 files changed, 276 insertions, 1146 deletions
diff --git a/frontends/php/styles/blue-theme.css b/frontends/php/styles/blue-theme.css index f79e6914ab3..d2cf4f6a56f 100644 --- a/frontends/php/styles/blue-theme.css +++ b/frontends/php/styles/blue-theme.css @@ -507,258 +507,24 @@ output { background-color: #fff; border-collapse: separate; border: 1px solid #dfe4e7; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td { color: #1f2c33; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .ok-ack-fg { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td a, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .ok-ack-fg { color: #1f2c33; border-bottom-color: rgba(31, 44, 51, 0.5); } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-wzrd-action { - background: transparent url(../img/icon-sprite.svg) no-repeat -165px -624px; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .tag, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .tag, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .tag, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .tag, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .tag, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .tag { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .tag { background-color: rgba(31, 44, 51, 0.5); } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td button:focus { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .icon-wzrd-action { + background-position: -165px -624px; } + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td button:focus { box-shadow: 0 0 0 2px rgba(31, 44, 51, 0.5); } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td [class*='icon-'] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type { - margin: 0; } + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .icon-wzrd-action { + background-color: transparent; } .list-table.compact-view .link-action { color: #1f2c33; } .list-table.compact-view .link-action.red { @@ -769,20 +535,32 @@ output { color: #e99003; } .list-table.compact-view .link-action.green { color: #429e47; } - .list-table.compact-view .link-action:hover { - color: #0275b8; } - .list-table.compact-view .link-action:focus { + .list-table.compact-view .link-action:hover, .list-table.compact-view .link-action:focus { color: #0275b8; } .list-table.compact-view td { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 0px; + padding-bottom: 0px; border-bottom: none; box-shadow: inset 0 -1px 0 0 rgba(31, 44, 51, 0.1); - color: #1f2c33; } + color: #1f2c33; + height: 22px; + line-height: 1; + vertical-align: middle; } + .list-table.compact-view td [class*='icon-'] { + vertical-align: middle; } + .list-table.compact-view td [class*='icon-']:after { + margin: 0; + line-height: 14px; } + .list-table.compact-view td [class*='icon-']:last-of-type { + margin-right: 0; } + .list-table.compact-view td .rel-container span { + margin: 0; } .list-table.compact-view td .tag { - max-width: 40px; - margin: -2px 3px 0 0; - padding: 2px 3px; } + display: inline-block; + line-height: 16px; + margin-right: 3px; + padding: 0 3px; + max-width: 40px; } @media screen and (min-width: 1200px) { .list-table.compact-view td .tag { max-width: 71px; } } @@ -792,13 +570,12 @@ output { @media screen and (min-width: 1600px) { .list-table.compact-view td .tag { max-width: 133px; } } - .list-table.compact-view td .rel-container { - display: inline; } .list-table.compact-view td .icon-wzrd-action { - margin: 2px 0 0 2px; + background: url(../img/icon-sprite.svg) no-repeat -6px -624px; height: 12px; min-height: 12px; - background: transparent url(../img/icon-sprite.svg) no-repeat -6px -624px; } + margin: 0; + position: relative; } .list-table thead th { color: #768d99; height: 100%; @@ -855,13 +632,7 @@ output { -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } - .list-table thead th a:hover { - text-decoration: none; - background-color: #e8f5ff; } - .list-table thead th a:focus { - text-decoration: none; - background-color: #e8f5ff; } - .list-table thead th a:active { + .list-table thead th a:hover, .list-table thead th a:focus, .list-table thead th a:active { text-decoration: none; background-color: #e8f5ff; } .list-table tbody tr:hover { @@ -885,7 +656,9 @@ output { .list-table td { padding: 6px 5px; position: relative; - border-bottom: 1px solid #ebeef0; } + border-bottom: 1px solid #ebeef0; + line-height: 18px; + vertical-align: top; } .list-table .vertical_rotation_inner { white-space: nowrap; -webkit-transform: rotate(270deg); @@ -4271,26 +4044,15 @@ svg { height: 18px; background-image: url(../img/icon-sprite.svg); background-repeat: no-repeat; } - .icon-action-command[data-count]::after, - .icon-action-close[data-count]::after, - .icon-action-msg[data-count]::after, - .icon-action-msgs[data-count]::after, - .icon-action-severity-up[data-count]::after, - .icon-action-severity-down[data-count]::after, - .icon-action-severity-changed[data-count]::after, - .icon-action-message[data-count]::after, - .icon-action-ack[data-count]::after, - .icon-problem-generated[data-count]::after, - .icon-problem-recovery[data-count]::after, - .icon-actions-number-gray[data-count]::after, - .icon-actions-number-yellow[data-count]::after, - .icon-actions-number-red[data-count]::after { - position: absolute; - content: attr(data-count); - text-align: center; - margin-top: -1px; - font-size: 10px; - width: 18px; } + +[data-count][class*='icon-']::after { + position: absolute; + content: attr(data-count); + text-align: center; + margin-top: -2px; + font-size: 9px; + letter-spacing: -0.25px; + width: 18px; } .icon-action-command::before { background-position: -249px -245px; } @@ -4328,16 +4090,16 @@ svg { background-position: -474px -245px; } .icon-actions-number-gray[data-count]::after { - color: #768d99; } + color: #1f2c33; } .icon-actions-number-gray::before { background-position: -499px -245px; } .icon-actions-number-yellow[data-count]::after { - color: #ffa059; } + color: #1f2c33; } .icon-actions-number-yellow::before { background-position: -549px -245px; } .icon-actions-number-red[data-count]::after { - color: #e33734; } + color: #1f2c33; } .icon-actions-number-red::before { background-position: -524px -245px; } diff --git a/frontends/php/styles/dark-theme.css b/frontends/php/styles/dark-theme.css index e12ddb872b2..18ed04592be 100644 --- a/frontends/php/styles/dark-theme.css +++ b/frontends/php/styles/dark-theme.css @@ -533,256 +533,22 @@ output { background-color: #2b2b2b; border-collapse: separate; border: 1px solid #303030; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td { color: black; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .ok-ack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td a, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .ok-ack-fg { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td sup, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td a, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .problem-unack-fg, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .problem-ack-fg, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .ok-unack-fg, .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .ok-ack-fg { color: black; border-bottom-color: rgba(0, 0, 0, 0.5); } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-wzrd-action, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-wzrd-action { - background: transparent url(../img/icon-sprite.svg) no-repeat -165px -624px; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td button:focus, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td button:focus { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .icon-wzrd-action { + background-position: -165px -624px; } + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td button:focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5); } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red { + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td [class*='icon-'] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #2b2b2b; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type { - margin: 0; } + .list-table.compact-view tr[class*='flh-']:not(.row-selected):not(:hover) td .icon-wzrd-action { + background-color: transparent; } .list-table.compact-view .link-action { color: #f2f2f2; } .list-table.compact-view .link-action.red { @@ -793,20 +559,32 @@ output { color: #e99003; } .list-table.compact-view .link-action.green { color: #59db8f; } - .list-table.compact-view .link-action:hover { - color: #4796c4; } - .list-table.compact-view .link-action:focus { + .list-table.compact-view .link-action:hover, .list-table.compact-view .link-action:focus { color: #4796c4; } .list-table.compact-view td { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 0px; + padding-bottom: 0px; border-bottom: none; box-shadow: inset 0 -1px 0 0 rgba(242, 242, 242, 0.1); - color: #f2f2f2; } + color: #f2f2f2; + height: 22px; + line-height: 1; + vertical-align: middle; } + .list-table.compact-view td [class*='icon-'] { + vertical-align: middle; } + .list-table.compact-view td [class*='icon-']:after { + margin: 0; + line-height: 14px; } + .list-table.compact-view td [class*='icon-']:last-of-type { + margin-right: 0; } + .list-table.compact-view td .rel-container span { + margin: 0; } .list-table.compact-view td .tag { - max-width: 40px; - margin: -2px 3px 0 0; - padding: 2px 3px; } + display: inline-block; + line-height: 16px; + margin-right: 3px; + padding: 0 3px; + max-width: 40px; } @media screen and (min-width: 1200px) { .list-table.compact-view td .tag { max-width: 71px; } } @@ -816,13 +594,12 @@ output { @media screen and (min-width: 1600px) { .list-table.compact-view td .tag { max-width: 133px; } } - .list-table.compact-view td .rel-container { - display: inline; } .list-table.compact-view td .icon-wzrd-action { - margin: 2px 0 0 2px; + background: url(../img/icon-sprite.svg) no-repeat -6px -624px; height: 12px; min-height: 12px; - background: transparent url(../img/icon-sprite.svg) no-repeat -6px -624px; } + margin: 0; + position: relative; } .list-table thead th { color: #737373; height: 100%; @@ -879,13 +656,7 @@ output { -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } - .list-table thead th a:hover { - text-decoration: none; - background-color: #383838; } - .list-table thead th a:focus { - text-decoration: none; - background-color: #383838; } - .list-table thead th a:active { + .list-table thead th a:hover, .list-table thead th a:focus, .list-table thead th a:active { text-decoration: none; background-color: #383838; } .list-table tbody tr:hover { @@ -909,7 +680,9 @@ output { .list-table td { padding: 6px 5px; position: relative; - border-bottom: 1px solid #383838; } + border-bottom: 1px solid #383838; + line-height: 18px; + vertical-align: top; } .list-table .vertical_rotation_inner { white-space: nowrap; -webkit-transform: rotate(270deg); @@ -4295,26 +4068,15 @@ svg { height: 18px; background-image: url(../img/icon-sprite.svg); background-repeat: no-repeat; } - .icon-action-command[data-count]::after, - .icon-action-close[data-count]::after, - .icon-action-msg[data-count]::after, - .icon-action-msgs[data-count]::after, - .icon-action-severity-up[data-count]::after, - .icon-action-severity-down[data-count]::after, - .icon-action-severity-changed[data-count]::after, - .icon-action-message[data-count]::after, - .icon-action-ack[data-count]::after, - .icon-problem-generated[data-count]::after, - .icon-problem-recovery[data-count]::after, - .icon-actions-number-gray[data-count]::after, - .icon-actions-number-yellow[data-count]::after, - .icon-actions-number-red[data-count]::after { - position: absolute; - content: attr(data-count); - text-align: center; - margin-top: -1px; - font-size: 10px; - width: 18px; } + +[data-count][class*='icon-']::after { + position: absolute; + content: attr(data-count); + text-align: center; + margin-top: -2px; + font-size: 9px; + letter-spacing: -0.25px; + width: 18px; } .icon-action-command::before { background-position: -249px -245px; } @@ -4347,22 +4109,22 @@ svg { background-position: -424px -245px; } .icon-action-msgs[data-count]::after { - color: #f2f2f2; } + color: #2b2b2b; } .icon-action-msgs::before { background-position: -474px -245px; } .icon-actions-number-gray[data-count]::after { - color: #4f4f4f; } + color: #f2f2f2; } .icon-actions-number-gray::before { background-position: -499px -245px; } .icon-actions-number-yellow[data-count]::after { - color: #ffa059; } + color: #f2f2f2; } .icon-actions-number-yellow::before { background-position: -549px -245px; } .icon-actions-number-red[data-count]::after { - color: #e45959; } + color: #f2f2f2; } .icon-actions-number-red::before { background-position: -524px -245px; } @@ -4375,7 +4137,7 @@ svg { .list-table.compact-view tr:hover td.na-bg, .list-table.compact-view tr:hover td.normal-bg, .list-table.compact-view tr:hover td.info-bg, .list-table.compact-view tr:hover td.average-bg, .list-table.compact-view tr:hover td.warning-bg, .list-table.compact-view tr:hover td.high-bg, .list-table.compact-view tr:hover td.disaster-bg, .list-table.compact-view tr:hover td.info-bg, .list-table.compact-view tr:hover td.warning-bg, .list-table.compact-view tr:hover td.average-bg, .list-table.compact-view tr:hover td.high-bg, .list-table.compact-view tr:hover td.disaster-bg { color: black; } -.list-table.compact-view tr.flh-na-bg td, .list-table.compact-view tr.flh-info-bg td, .list-table.compact-view tr.flh-warning-bg td, .list-table.compact-view tr.flh-average-bg td, .list-table.compact-view tr.flh-high-bg td, .list-table.compact-view tr.flh-disaster-bg td { +.list-table.compact-view tr[class*='flh-'] td { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .list-table.compact-view td.na-bg, .list-table.compact-view td.normal-bg, .list-table.compact-view td.info-bg, .list-table.compact-view td.average-bg, .list-table.compact-view td.warning-bg, .list-table.compact-view td.high-bg, .list-table.compact-view td.disaster-bg, .list-table.compact-view td.info-bg, .list-table.compact-view td.warning-bg, .list-table.compact-view td.average-bg, .list-table.compact-view td.high-bg, .list-table.compact-view td.disaster-bg { color: black; @@ -4391,3 +4153,15 @@ svg { .time-quick li a:focus { color: #fff; } + +.icon-action-msgs[data-count]::after { + color: #f2f2f2; } + +.icon-action-severity-up::before { + background-position: -624px -245px; } + +.icon-action-severity-down::before { + background-position: -649px -245px; } + +.icon-actions-number-gray[data-count]::after { + color: #f2f2f2; } diff --git a/frontends/php/styles/hc-dark.css b/frontends/php/styles/hc-dark.css index 5a0eb57a87a..92c9d07dd39 100644 --- a/frontends/php/styles/hc-dark.css +++ b/frontends/php/styles/hc-dark.css @@ -512,247 +512,6 @@ output { background-color: #000; border-collapse: separate; border: 1px solid #444; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - background-color: #000; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type { - margin: 0; } .list-table.compact-view .link-action { color: #fff; } .list-table.compact-view .link-action.red { @@ -763,20 +522,32 @@ output { color: #ffa20d; } .list-table.compact-view .link-action.green { color: #23d545; } - .list-table.compact-view .link-action:hover { - color: #fff; } - .list-table.compact-view .link-action:focus { + .list-table.compact-view .link-action:hover, .list-table.compact-view .link-action:focus { color: #fff; } .list-table.compact-view td { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 0px; + padding-bottom: 0px; border-bottom: none; box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1); - color: #fff; } + color: #fff; + height: 22px; + line-height: 1; + vertical-align: middle; } + .list-table.compact-view td [class*='icon-'] { + vertical-align: middle; } + .list-table.compact-view td [class*='icon-']:after { + margin: 0; + line-height: 14px; } + .list-table.compact-view td [class*='icon-']:last-of-type { + margin-right: 0; } + .list-table.compact-view td .rel-container span { + margin: 0; } .list-table.compact-view td .tag { - max-width: 40px; - margin: -2px 3px 0 0; - padding: 2px 3px; } + display: inline-block; + line-height: 16px; + margin-right: 3px; + padding: 0 3px; + max-width: 40px; } @media screen and (min-width: 1200px) { .list-table.compact-view td .tag { max-width: 71px; } } @@ -786,13 +557,12 @@ output { @media screen and (min-width: 1600px) { .list-table.compact-view td .tag { max-width: 133px; } } - .list-table.compact-view td .rel-container { - display: inline; } .list-table.compact-view td .icon-wzrd-action { - margin: 2px 0 0 2px; + background: url(../img/icon-sprite.svg) no-repeat -6px -624px; height: 12px; min-height: 12px; - background: transparent url(../img/icon-sprite.svg) no-repeat -6px -624px; } + margin: 0; + position: relative; } .list-table thead th { color: #cacaca; height: 100%; @@ -849,13 +619,7 @@ output { -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } - .list-table thead th a:hover { - text-decoration: none; - background-color: #222; } - .list-table thead th a:focus { - text-decoration: none; - background-color: #222; } - .list-table thead th a:active { + .list-table thead th a:hover, .list-table thead th a:focus, .list-table thead th a:active { text-decoration: none; background-color: #222; } .list-table tbody tr:hover { @@ -879,7 +643,9 @@ output { .list-table td { padding: 6px 5px; position: relative; - border-bottom: 1px solid #333; } + border-bottom: 1px solid #333; + line-height: 18px; + vertical-align: top; } .list-table .vertical_rotation_inner { white-space: nowrap; -webkit-transform: rotate(270deg); @@ -4265,26 +4031,15 @@ svg { height: 18px; background-image: url(../img/icon-sprite.svg); background-repeat: no-repeat; } - .icon-action-command[data-count]::after, - .icon-action-close[data-count]::after, - .icon-action-msg[data-count]::after, - .icon-action-msgs[data-count]::after, - .icon-action-severity-up[data-count]::after, - .icon-action-severity-down[data-count]::after, - .icon-action-severity-changed[data-count]::after, - .icon-action-message[data-count]::after, - .icon-action-ack[data-count]::after, - .icon-problem-generated[data-count]::after, - .icon-problem-recovery[data-count]::after, - .icon-actions-number-gray[data-count]::after, - .icon-actions-number-yellow[data-count]::after, - .icon-actions-number-red[data-count]::after { - position: absolute; - content: attr(data-count); - text-align: center; - margin-top: -1px; - font-size: 10px; - width: 18px; } + +[data-count][class*='icon-']::after { + position: absolute; + content: attr(data-count); + text-align: center; + margin-top: -2px; + font-size: 9px; + letter-spacing: -0.25px; + width: 18px; } .icon-action-command::before { background-position: -249px -245px; } @@ -4317,22 +4072,22 @@ svg { background-position: -424px -245px; } .icon-action-msgs[data-count]::after { - color: #fff; } + color: #000; } .icon-action-msgs::before { background-position: -474px -245px; } .icon-actions-number-gray[data-count]::after { - color: #ddd; } + color: #fff; } .icon-actions-number-gray::before { background-position: -499px -245px; } .icon-actions-number-yellow[data-count]::after { - color: #ffa059; } + color: #fff; } .icon-actions-number-yellow::before { background-position: -549px -245px; } .icon-actions-number-red[data-count]::after { - color: #ff5050; } + color: #fff; } .icon-actions-number-red::before { background-position: -524px -245px; } @@ -5075,3 +4830,45 @@ td.inactive-bg { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } + +.icon-action-command::before { + background-position: -249px -325px; } + +.icon-action-close::before { + background-position: -224px -325px; } + +.icon-action-msg::before { + background-position: -299px -325px; } + +.icon-action-severity-up::before { + background-position: -349px -325px; } + +.icon-action-severity-down::before { + background-position: -375px -325px; } + +.icon-action-severity-changed::before { + background-position: -399px -325px; } + +.icon-action-message::before { + background-position: -199px -325px; } + +.icon-action-ack::before { + background-position: -323px -325px; } + +.icon-problem-generated::before { + background-position: -449px -325px; } + +.icon-problem-recovery::before { + background-position: -424px -325px; } + +.icon-action-msgs::before { + background-position: -474px -325px; } + +.icon-actions-number-gray::before { + background-position: -499px -325px; } + +.icon-actions-number-yellow::before { + background-position: -549px -325px; } + +.icon-actions-number-red::before { + background-position: -524px -325px; } diff --git a/frontends/php/styles/hc-light.css b/frontends/php/styles/hc-light.css index 685822550be..c52f412ab44 100644 --- a/frontends/php/styles/hc-light.css +++ b/frontends/php/styles/hc-light.css @@ -512,247 +512,6 @@ output { background-color: #fff; border-collapse: separate; border: 1px solid #9f9f9f; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - background-color: #fff; } - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-na-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-info-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-warning-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-average-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-high-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:only-of-type, .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-command:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-close:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msg:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-msgs:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-up:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-down:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-severity-changed:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-message:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-action-ack:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-generated:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-problem-recovery:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-gray:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-yellow:last-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:only-of-type, - .list-table.compact-view tr.flh-disaster-bg:not(.row-selected):not(:hover) td .icon-actions-number-red:last-of-type { - margin: 0; } .list-table.compact-view .link-action { color: #000; } .list-table.compact-view .link-action.red { @@ -763,20 +522,32 @@ output { color: #af6b00; } .list-table.compact-view .link-action.green { color: #009900; } - .list-table.compact-view .link-action:hover { - color: #000; } - .list-table.compact-view .link-action:focus { + .list-table.compact-view .link-action:hover, .list-table.compact-view .link-action:focus { color: #000; } .list-table.compact-view td { - padding-top: 2px; - padding-bottom: 2px; + padding-top: 0px; + padding-bottom: 0px; border-bottom: none; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); - color: #000; } + color: #000; + height: 22px; + line-height: 1; + vertical-align: middle; } + .list-table.compact-view td [class*='icon-'] { + vertical-align: middle; } + .list-table.compact-view td [class*='icon-']:after { + margin: 0; + line-height: 14px; } + .list-table.compact-view td [class*='icon-']:last-of-type { + margin-right: 0; } + .list-table.compact-view td .rel-container span { + margin: 0; } .list-table.compact-view td .tag { - max-width: 40px; - margin: -2px 3px 0 0; - padding: 2px 3px; } + display: inline-block; + line-height: 16px; + margin-right: 3px; + padding: 0 3px; + max-width: 40px; } @media screen and (min-width: 1200px) { .list-table.compact-view td .tag { max-width: 71px; } } @@ -786,13 +557,12 @@ output { @media screen and (min-width: 1600px) { .list-table.compact-view td .tag { max-width: 133px; } } - .list-table.compact-view td .rel-container { - display: inline; } .list-table.compact-view td .icon-wzrd-action { - margin: 2px 0 0 2px; + background: url(../img/icon-sprite.svg) no-repeat -6px -624px; height: 12px; min-height: 12px; - background: transparent url(../img/icon-sprite.svg) no-repeat -6px -624px; } + margin: 0; + position: relative; } .list-table thead th { color: #333; height: 100%; @@ -849,13 +619,7 @@ output { -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } - .list-table thead th a:hover { - text-decoration: none; - background-color: #f4f4f4; } - .list-table thead th a:focus { - text-decoration: none; - background-color: #f4f4f4; } - .list-table thead th a:active { + .list-table thead th a:hover, .list-table thead th a:focus, .list-table thead th a:active { text-decoration: none; background-color: #f4f4f4; } .list-table tbody tr:hover { @@ -879,7 +643,9 @@ output { .list-table td { padding: 6px 5px; position: relative; - border-bottom: 1px solid #888; } + border-bottom: 1px solid #888; + line-height: 18px; + vertical-align: top; } .list-table .vertical_rotation_inner { white-space: nowrap; -webkit-transform: rotate(270deg); @@ -4265,26 +4031,15 @@ svg { height: 18px; background-image: url(../img/icon-sprite.svg); background-repeat: no-repeat; } - .icon-action-command[data-count]::after, - .icon-action-close[data-count]::after, - .icon-action-msg[data-count]::after, - .icon-action-msgs[data-count]::after, - .icon-action-severity-up[data-count]::after, - .icon-action-severity-down[data-count]::after, - .icon-action-severity-changed[data-count]::after, - .icon-action-message[data-count]::after, - .icon-action-ack[data-count]::after, - .icon-problem-generated[data-count]::after, - .icon-problem-recovery[data-count]::after, - .icon-actions-number-gray[data-count]::after, - .icon-actions-number-yellow[data-count]::after, - .icon-actions-number-red[data-count]::after { - position: absolute; - content: attr(data-count); - text-align: center; - margin-top: -1px; - font-size: 10px; - width: 18px; } + +[data-count][class*='icon-']::after { + position: absolute; + content: attr(data-count); + text-align: center; + margin-top: -2px; + font-size: 9px; + letter-spacing: -0.25px; + width: 18px; } .icon-action-command::before { background-position: -249px -245px; } @@ -4322,17 +4077,17 @@ svg { background-position: -474px -245px; } .icon-actions-number-gray[data-count]::after { - color: #333; } + color: #000; } .icon-actions-number-gray::before { background-position: -499px -245px; } .icon-actions-number-yellow[data-count]::after { - color: #ffa059; } + color: #000; } .icon-actions-number-yellow::before { background-position: -549px -245px; } .icon-actions-number-red[data-count]::after { - color: #990000; } + color: #000; } .icon-actions-number-red::before { background-position: -524px -245px; } @@ -5022,3 +4777,45 @@ td.inactive-bg { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } + +.icon-action-command::before { + background-position: -249px -325px; } + +.icon-action-close::before { + background-position: -224px -325px; } + +.icon-action-msg::before { + background-position: -299px -285px; } + +.icon-action-severity-up::before { + background-position: -349px -285px; } + +.icon-action-severity-down::before { + background-position: -375px -285px; } + +.icon-action-severity-changed::before { + background-position: -399px -285px; } + +.icon-action-message::before { + background-position: -199px -285px; } + +.icon-action-ack::before { + background-position: -323px -285px; } + +.icon-problem-generated::before { + background-position: -449px -285px; } + +.icon-problem-recovery::before { + background-position: -424px -285px; } + +.icon-action-msgs::before { + background-position: -474px -285px; } + +.icon-actions-number-gray::before { + background-position: -499px -285px; } + +.icon-actions-number-yellow::before { + background-position: -549px -285px; } + +.icon-actions-number-red::before { + background-position: -524px -285px; } |