testing ags

2024-07-15 14:39:56 +02:00
parent 91e09c461b
commit 2f32e46601
55 changed files with 2218 additions and 22 deletions
--- a/home/core/gui/ags/style/notifications.scss
+++ b/home/core/gui/ags/style/notifications.scss
@@ -0,0 +1,57 @@
+.notification {
+  @include window;
+  margin: 5px 5px 5px 10px;
+
+  min-width: 25rem;
+
+  border-radius: $round2;
+  background-color: $bg;
+
+  &.critical {
+    border: 1px solid red;
+  }
+}
+
+.notifications widget:last-child .notification {
+  margin-bottom: 15px;
+}
+
+.notification .icon {
+  image {
+    font-size: 5rem;
+    margin: 0.5rem;
+    min-height: 5rem;
+    min-width: 5rem;
+  }
+
+  >box {
+    border-radius: $round;
+    margin: 0.5rem;
+    min-height: 5rem;
+    min-width: 5rem;
+  }
+}
+
+.notification .actions .action-button {
+  @include window-box;
+  @include animate;
+  padding: 0.5rem 0;
+
+  &:hover {
+    background: $button-disabled-hover;
+  }
+}
+
+.notification .text {
+  margin: 0.5rem;
+
+  .title {
+    margin-bottom: 0.2rem;
+    font-weight: 500;
+  }
+
+  .body {
+    color: rgba(255, 255, 255, 0.7);
+    font-weight: 500;
+  }
+}