CSS: Cherry-pick group grid styles from monitoring

Icinga · Sep 16, 2021 · a415d36 · a415d36
1 parent 6486875
commit a415d36
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/public/css/widget/group-grid.less b/public/css/widget/group-grid.less
@@ -0,0 +1,35 @@
+// HostGroup- and -ServiceGroupGrid styles
+.group-grid {
+  margin: 0 1em 0 1em;
+  display: grid;
+  grid-gap: 1em 3em;
+  grid-template-columns: repeat(auto-fit, 14em);
+
+  .group-grid-cell > a:last-child {
+    display: inline-block;
+    max-width: 10em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  .group-grid-cell > a:first-child,
+  .group-grid-cell > div.state-none {
+    .bg-stateful();
+    .rounded-corners();
+
+    display: inline-block;
+    margin-right: 1em;
+    padding: .5em;
+    height: 2.5em;
+    width: 2.5em;
+    text-align: center;
+    vertical-align: middle;
+    color: white;
+  }
+  .group-grid-cell > div.state-none {
+    .var(background-color, gray-light);
+  }
+}