Add user room groups sidebar templatesissue-5605

1 files changed, 33 insertions, 0 deletions

diff --git a/resources/assets/stylesheets/scss/resources.scss b/resources/assets/stylesheets/scss/resources.scss
index 517ad47..ec2d0e5 100644
--- a/resources/assets/stylesheets/scss/resources.scss
+++ b/resources/assets/stylesheets/scss/resources.scss
@@ -523,3 +523,36 @@ button.takes-place-status-toggle {
     border: none;
     background: none;
 }
+
+.user-room-groups-widget {
+    &__rooms {
+        list-style: none;
+        margin-top: 5px;
+        padding: 0 6px;
+        border: 1px solid $light-gray-color-40;
+        border-radius: $border-radius;
+        max-height: 200px;
+        overflow-y: scroll;
+        overflow-x: hidden;
+    }
+
+    &__room-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 10px;
+        padding: 4px;
+        margin: 0 -6px;
+        transition: background-color 0.2s;
+
+        &:hover {
+            background-color: $color--action-menu-hover;
+        }
+
+        .actions {
+            display: inline-flex;
+            gap: 5px;
+            align-items: center;
+        }
+    }
+}