about summary refs log tree commit diff
path: root/app/javascript/flavours
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2022-11-12 10:09:27 +0100
committerClaire <claire.github-309c@sitedethib.com>2022-11-12 11:30:35 +0100
commit6a96b17a2de3fe6d7e24014d1dcc1ad5f54050d8 (patch)
treea66ac6f6eb5440e235ddef670e8c42052657db18 /app/javascript/flavours
parentc813df2ebb0483236d95797d1bb840b48b95d290 (diff)
Add “Glitch-only” label to glitch-specific settings
Diffstat (limited to 'app/javascript/flavours')
-rw-r--r--app/javascript/flavours/glitch/styles/accounts.scss9
-rw-r--r--app/javascript/flavours/glitch/styles/forms.scss3
2 files changed, 10 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/styles/accounts.scss b/app/javascript/flavours/glitch/styles/accounts.scss
index ffe5de262..cdc506cf4 100644
--- a/app/javascript/flavours/glitch/styles/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/accounts.scss
@@ -205,7 +205,8 @@
 
 .account-role,
 .simple_form .recommended,
-.simple_form .not_recommended {
+.simple_form .not_recommended,
+.simple_form .glitch_only {
   display: inline-block;
   padding: 4px 6px;
   cursor: default;
@@ -236,6 +237,12 @@
   border-color: rgba(lighten($error-red, 12%), 0.5);
 }
 
+.simple_form .glitch_only {
+  color: lighten($warning-red, 12%);
+  background-color: rgba(lighten($warning-red, 12%), 0.1);
+  border-color: rgba(lighten($warning-red, 12%), 0.5);
+}
+
 .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
index cddf42dac..8eecee4e9 100644
--- a/app/javascript/flavours/glitch/styles/forms.scss
+++ b/app/javascript/flavours/glitch/styles/forms.scss
@@ -104,7 +104,8 @@ code {
       }
 
       .recommended,
-      .not_recommended {
+      .not_recommended,
+      .glitch_only {
         position: absolute;
         margin: 0 4px;
         margin-top: -2px;