[Glitch] Add role badges to the WebUI

Port 1e4ccc655a to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
2025-12-28 21:56:36 +00:00 · 2023-07-27 16:05:24 +02:00
parent a25e03dbc3
commit a40ce78f11
3 changed files with 62 additions and 22 deletions
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -534,6 +534,16 @@
    }
  }

+  &__badges {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+
+    .account-role {
+      line-height: unset;
+    }
+  }
+
  &__tabs {
    display: flex;
    align-items: flex-start;
@@ -571,10 +581,6 @@
    &__name {
      padding: 5px 10px;

-      .account-role {
-        vertical-align: top;
-      }
-
      .emojione {
        width: 22px;
        height: 22px;