Merge pull request #1894 from grafana/ash/fix-missing-styles

Bug: Fix `AlertList` styling
grafana · Oct 15, 2024 · 4fb774d · 4fb774d
2 parents e17b1c4 + fb1e764
commit 4fb774d
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/src/styles/_panel-triggers.scss b/src/styles/_panel-triggers.scss
@@ -1,3 +1,41 @@
+.alert-rule-list {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  list-style-type: none;
+}
+.alert-rule-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  background: $card-background;
+  box-shadow: $card-shadow;
+  padding: 4px 8px;
+  border-radius: 4px;
+  margin-bottom: 4px;
+}
+.alert-rule-item__icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  padding: 0 4px 0 2px;
+  .icon-gf,
+  .fa {
+    font-size: 200%;
+    position: relative;
+    top: 2px;
+  }
+}
+.alert-list__btn {
+  margin: 0 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .triggers-panel-scroll {
   overflow: auto;
 }