Add Terms of Service banner styling for admin V3

rioug · Nov 16, 2023 · 106bbb8 · 106bbb8
1 parent 29c64ab
commit 106bbb8
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/app/webpacker/css/admin_v3/all.scss b/app/webpacker/css/admin_v3/all.scss
@@ -131,3 +131,5 @@
 @import "app/components/help_modal_component/help_modal_component";
 @import "app/components/confirm_modal_component/confirm_modal_component";
 @import "app/webpacker/css/admin/trix.scss";
+
+@import "terms_of_service_banner"; // admin_v3
diff --git a/app/webpacker/css/admin_v3/terms_of_service_banner.scss b/app/webpacker/css/admin_v3/terms_of_service_banner.scss
@@ -0,0 +1,31 @@
+.banner-container {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+  padding: 0 1.5%;
+
+  .terms-of-service-banner {
+    background-color: $fair-pink;
+    border: none;
+    border-left: 4px solid $red;
+    border-radius: 4px;
+    margin: 0.5em 0;
+    padding: 0;
+    display: flex;
+
+    .column-left {
+      width: 70%;
+      font-size: 1rem;
+      font-weight: bold;
+      padding: 0.75em 1em;
+    }
+
+    .column-right {
+      width: 30%;
+      padding: 0.5em 1em;
+      text-align: right;
+    }
+  }
+}