refactor(flat-pages): hide avatars scroll handle if avatars hidden (#…

…1927) - refactor(flat-components): update chat panel styles - refactor(flat-components): update users panel switch size
netless-io · May 10, 2023 · 134cb92 · 134cb92
1 parent 318b938
commit 134cb92
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/flat-components/src/components/ChatPanel/style.less b/packages/flat-components/src/components/ChatPanel/style.less
@@ -66,6 +66,8 @@
     font-size: 12px;
     font-weight: 400;
     color: var(--text);
+    cursor: pointer;
+    user-select: none;
 }
 
 .flat-color-scheme-dark {

diff --git a/packages/flat-components/src/components/UsersPanel/index.tsx b/packages/flat-components/src/components/UsersPanel/index.tsx
@@ -180,13 +180,15 @@ const Row = /* @__PURE__ */ observer(function Row({
                 <Switch
                     checked={user.hasLeft || user.isSpeak}
                     disabled={!(isCreator || (isSelf && user.isSpeak))}
+                    size="small"
                     onChange={checked => onStaging?.(user.userUUID, checked)}
                 />
             </td>
             <td>
                 <Switch
                     checked={user.wbOperate}
                     disabled={!(isCreator || (isSelf && user.wbOperate))}
+                    size="small"
                     onChange={checked => onWhiteboard?.(user.userUUID, checked)}
                 />
             </td>

diff --git a/packages/flat-pages/src/SmallClassPage/index.tsx b/packages/flat-pages/src/SmallClassPage/index.tsx
@@ -160,6 +160,7 @@ export const SmallClassPage = withClassroomStore<SmallClassPageProps>(
                         className={classNames("small-class-scroll-handles", {
                             active: isScrollable,
                         })}
+                        hidden={!classroomStore.isAvatarsVisible()}
                     >
                         <button
                             className="small-class-scroll-handle is-left"