tried new icon for fullscreen

Real-Dev-Squad · Oct 27, 2023 · 9bf06aa · 9bf06aa
1 parent 2be1d34
commit 9bf06aa
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/app/components/live-panel.hbs b/app/components/live-panel.hbs
@@ -4,7 +4,11 @@
     @class='icon-button--md icon__sidebar__toggle'
     @title='toggle sidebar panel'
     @onClick={{@sidebarDisplayToggle}}
-    @icon='material-symbols:chevron-right'
+    @icon={{if
+      @isExpanded
+      'material-symbols:fullscreen-exit'
+      'material-symbols:fullscreen'
+    }}
   />
   {{#if (eq @role this.ROLES.host)}}
     <Reusables::IconButton

diff --git a/app/components/live-sidebar.hbs b/app/components/live-sidebar.hbs
@@ -2,7 +2,7 @@
   data-test-sidebar
   class='sidebar
     {{if this.isSideBarOpen "open" "close"}}
-    {{if @isExpanded "sidebarCloses" "sidebarOpens"}}'
+    {{if @isExpanded "sidebar--closes" "sidebar--opens"}}'
 >
 
   <div

diff --git a/app/styles/live-sidebar.module.css b/app/styles/live-sidebar.module.css
@@ -11,11 +11,11 @@
   box-sizing: border-box;
 }
 
-.sidebarOpens {
+.sidebar--opens {
   width: 90%;
 }
 
-.sidebarCloses {
+.sidebar--closes {
   width: 0%;
 }
 

diff --git a/app/templates/live.hbs b/app/templates/live.hbs
@@ -90,6 +90,7 @@
               @buttonClickHandler={{this.buttonClickHandler}}
               @openRoomCodeModal={{this.toggleRoomCodeModal}}
               @sidebarDisplayToggle={{this.sidebarDisplayToggle}}
+              @isExpanded={{this.isExpanded}}
             />
           {{/if}}
         </div>