Fix lint issues

GetStream · Aug 29, 2024 · 0de7db7 · 0de7db7
1 parent e0fe71e
commit 0de7db7
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/v2/styles/Avatar/Avatar-theme.scss b/src/v2/styles/Avatar/Avatar-theme.scss
@@ -39,8 +39,8 @@
   }
 
   &.str-chat__avatar--no-letters {
-    @include utils.component-layer-overrides('avatar');
     --str-chat-icon-color: var(--str-chat__avatar-color);
+    @include utils.component-layer-overrides('avatar');
   }
 
   .str-chat__avatar-fallback {

diff --git a/src/v2/styles/ChatView/ChatView-layout.scss b/src/v2/styles/ChatView/ChatView-layout.scss
@@ -11,6 +11,10 @@
     gap: 20px;
 
     &-button {
+      --str-chat-icon-height: 20px;
+      --str-chat-icon-width: 20px;
+      --str-chat-unread-count-badge-absolute-offset-vertical: 25%;
+
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -24,11 +28,6 @@
       box-sizing: border-box;
       cursor: pointer;
       position: relative;
-
-      --str-chat-icon-height: 20px;
-      --str-chat-icon-width: 20px;
-
-      --str-chat-unread-count-badge-absolute-offset-vertical: 25%;
     }
   }
 

diff --git a/src/v2/styles/ChatView/ChatView-theme.scss b/src/v2/styles/ChatView/ChatView-theme.scss
@@ -14,11 +14,12 @@
     background-color: var(--str-chat-selector-background-color);
 
     &-button {
+      --str-chat-icon-color: var(--str-chat-selector-button-color-default);
+
       border: none;
       background: var(--str-chat-selector-button-background-color-default);
       color: var(--str-chat-selector-button-color-default);
 
-      --str-chat-icon-color: var(--str-chat-selector-button-color-default);
 
       &[aria-selected='true'] {
         --str-chat-icon-color: var(--str-chat-selector-button-color-selected);

diff --git a/src/v2/styles/ThreadList/ThreadList-layout.scss b/src/v2/styles/ThreadList/ThreadList-layout.scss
@@ -15,16 +15,16 @@
   justify-content: space-between;
 
   &__button {
+    --str-chat-icon-width: 16px;
+    --str-chat-icon-heigh: 22px;
+
     all: unset;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 24px;
     height: 24px;
-
-    --str-chat-icon-width: 16px;
-    --str-chat-icon-heigh: 22px;
   }
 }
 
@@ -84,11 +84,11 @@
     }
 
     .str-chat__thread-list-item__latest-reply {
+      --str-chat__avatar-size: 49px;
+
       display: flex;
       align-items: center;
       gap: 5px;
-
-      --str-chat__avatar-size: 49px;
     }
 
     .str-chat__thread-list-item__latest-reply-details {