Fix: missing Add badges to glitch and atsu1125 specific settings

atsu1125 · Oct 11, 2022 · c7c1401 · c7c1401
1 parent 1614abc
commit c7c1401
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/app/javascript/flavours/glitch/styles/accounts.scss b/app/javascript/flavours/glitch/styles/accounts.scss
@@ -204,6 +204,10 @@
 }
 
 .account-role,
+.glitch_features,
+.atsu1125_features,
+.simple_form .glitch_features,
+.simple_form .atsu1125_features,
 .simple_form .recommended {
   display: inline-block;
   padding: 4px 6px;
@@ -229,6 +233,18 @@
   }
 }
 
+.glitch_features,
+.simple_form .glitch_features {
+  background-color: rgba($glitch-theme-color, 0.1);
+  border: 1px solid $glitch-theme-color;
+}
+
+.atsu1125_features,
+.simple_form .atsu1125_features {
+  background-color: rgba($atsu1125-theme-color, 0.1);
+  border: 1px solid $atsu1125-theme-color;
+}
+
 .account__header__fields {
   max-width: 100vw;
   padding: 0;

diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss
@@ -102,6 +102,8 @@ code {
         }
       }
 
+      .glitch_features,
+      .atsu1125_features,
       .recommended {
         position: absolute;
         margin: 0 4px;

diff --git a/app/javascript/flavours/glitch/styles/variables.scss b/app/javascript/flavours/glitch/styles/variables.scss
@@ -5,6 +5,8 @@ $success-green: #79bd9a;    // Padua
 $error-red: #df405a;        // Cerise
 $warning-red: #ff5050;      // Sunset Orange
 $gold-star: #ca8f04;        // Dark Goldenrod
+$glitch-theme-color: #00fa9a;
+$atsu1125-theme-color: #00ffff;
 
 $red-bookmark: $warning-red;