From 08620d0f04bf5b6c10ade2b6a26d2ff1e285007e Mon Sep 17 00:00:00 2001
From: Cheerego7 <48879533+Cheerego7@users.noreply.github.com>
Date: Fri, 15 Oct 2021 15:11:02 +0800
Subject: [PATCH] fix(renderer-app): the right side of classroom bar not hidden
 when click hidden button (#1008)

---
 desktop/renderer-app/src/components/RealtimePanel.less        | 3 +--
 desktop/renderer-app/src/pages/BigClassPage/BigClassPage.less | 2 +-
 desktop/renderer-app/src/pages/OneToOnePage/OneToOnePage.less | 4 ++--
 .../renderer-app/src/pages/SmallClassPage/SmallClassPage.less | 2 +-
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/desktop/renderer-app/src/components/RealtimePanel.less b/desktop/renderer-app/src/components/RealtimePanel.less
index f67c17fa17f..f985637df29 100644
--- a/desktop/renderer-app/src/components/RealtimePanel.less
+++ b/desktop/renderer-app/src/components/RealtimePanel.less
@@ -6,8 +6,6 @@
     width: @panel-width;
     height: 100%;
     position: relative;
-    padding-top: 8px;
-    border-left: 0.5px solid #dbe1e9;
 }
 
 .realtime-panel-video-slot {
@@ -35,6 +33,7 @@
     position: relative;
     width: 0;
     transition: width 0.4s;
+    overflow: hidden;
     background-color: #fff;
 
     &.isActive {
diff --git a/desktop/renderer-app/src/pages/BigClassPage/BigClassPage.less b/desktop/renderer-app/src/pages/BigClassPage/BigClassPage.less
index f54948a4c08..15b046a9661 100644
--- a/desktop/renderer-app/src/pages/BigClassPage/BigClassPage.less
+++ b/desktop/renderer-app/src/pages/BigClassPage/BigClassPage.less
@@ -15,7 +15,7 @@
     display: flex;
     align-items: stretch;
     justify-content: center;
-    background: #f3f6f9;
+    background: #edeff2;
 }
 
 .whiteboard-rtc-box {
diff --git a/desktop/renderer-app/src/pages/OneToOnePage/OneToOnePage.less b/desktop/renderer-app/src/pages/OneToOnePage/OneToOnePage.less
index 7ec0c071e3c..b44165de693 100644
--- a/desktop/renderer-app/src/pages/OneToOnePage/OneToOnePage.less
+++ b/desktop/renderer-app/src/pages/OneToOnePage/OneToOnePage.less
@@ -7,7 +7,7 @@
 
     .container {
         position: relative;
-        background-color: #fff;
+        background-color: #edeff2;
     }
 }
 
@@ -15,7 +15,7 @@
     display: flex;
     align-items: stretch;
     justify-content: center;
-    background: #f3f6f9;
+    background: #edeff2;
 }
 
 .one-to-one-rtc-avatar-container {
diff --git a/desktop/renderer-app/src/pages/SmallClassPage/SmallClassPage.less b/desktop/renderer-app/src/pages/SmallClassPage/SmallClassPage.less
index 0d6862650b3..f5929087b0d 100644
--- a/desktop/renderer-app/src/pages/SmallClassPage/SmallClassPage.less
+++ b/desktop/renderer-app/src/pages/SmallClassPage/SmallClassPage.less
@@ -45,7 +45,7 @@
     display: flex;
     align-items: stretch;
     justify-content: center;
-    background: #f3f6f9;
+    background: #edeff2;
 }
 
 .room-controller-box {