problems panel: ack dialog

2018-12-05 13:13:47 +03:00
parent 1ffafac026
commit 6861d80530
7 changed files with 231 additions and 25 deletions
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -217,6 +217,11 @@
        flex-direction: row;
        // max-width: 13rem;

+        &.compact .problem-statusbar-item {
+          width: 2.5rem;
+          padding: 0.4rem 0.4rem 0.4rem 0.8rem;
+        }
+
        .problem-statusbar-item {
          width: 3rem;
          height: 2rem;
@@ -246,6 +251,26 @@
        }
      }

+      .problem-actions {
+        margin-left: 1.6rem;
+      }
+
+      .problem-action-button {
+        &.btn {
+          width: 3rem;
+          height: 2rem;
+
+          background-image: none;
+          background-color: $action-button-color;
+          border: 1px solid darken($action-button-color, 6%);
+          border-radius: 1px;
+
+          &:hover {
+            background-color: darken($action-button-color, 4%);
+          }
+        }
+      }
+
      .problem-details-middle {
        flex: 1 0 auto;
        padding: 0.6rem 1rem;
@@ -288,6 +313,10 @@
        // background: $dark-4;
        color: $text-color-muted;

+        &.compact {
+          padding: 0.5rem 1rem;
+        }
+
        .problem-details-right-item {
          margin-bottom: 0.2rem;
        }