diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss index b41f2d7..42c93c3 100644 --- a/src/sass/_panel-problems.scss +++ b/src/sass/_panel-problems.scss @@ -235,6 +235,7 @@ &.show { max-height: 20rem; opacity: 1; + box-shadow: inset -1px 2px 8px $problem-container-shadow; } .problem-details-row { @@ -370,7 +371,7 @@ padding: 1.2rem 0.6rem; // border-top: 2px solid $dark-4; overflow: auto; - box-shadow: -2px 2px 10px $problem-container-shadow + box-shadow: $porblem-ack-shadow; } .problem-ack-list { diff --git a/src/sass/_variables.dark.scss b/src/sass/_variables.dark.scss index 451c500..57eb3a2 100644 --- a/src/sass/_variables.dark.scss +++ b/src/sass/_variables.dark.scss @@ -32,4 +32,5 @@ $problem-event-problem-color: #d70000; $problem-icon-problem-color: rgb(163, 16, 0); $problem-icon-ok-color: #629e51; -$problem-container-shadow: rgba($gray-2, 0.2) +$problem-container-shadow: $dark-1; +$porblem-ack-shadow: -2px 2px 10px 1px $problem-container-shadow; diff --git a/src/sass/_variables.light.scss b/src/sass/_variables.light.scss index d6cd90d..0b7680c 100644 --- a/src/sass/_variables.light.scss +++ b/src/sass/_variables.light.scss @@ -32,4 +32,5 @@ $problem-event-problem-color: #d70000; $problem-icon-problem-color: rgb(163, 16, 0); $problem-icon-ok-color: #629e51; -$problem-container-shadow: rgba($gray-2, 0.5) +$problem-container-shadow: $gray-3; +$porblem-ack-shadow: -2px 2px 10px 0px $problem-container-shadow;