fix centering and overflow of appDrawer

if maximised and right panel closed
matrix-org · Nov 10, 2021 · 1ce66c0 · 1ce66c0
1 parent 7ed40f2
commit 1ce66c0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/res/css/structures/_MainSplit.scss b/res/css/structures/_MainSplit.scss
@@ -23,9 +23,9 @@ limitations under the License.
 }
 
 .mx_MainSplit > .mx_RightPanel_ResizeWrapper {
-    padding: 5px;
-    // margin left to not allow the handle to not encroach on the space for the scrollbar
-    margin-left: 8px;
+    // no padding on the left. The spacing is taken care of by the main split content.
+    padding: 5px 5px 5px 0px;
+    // margin-left: 0px;
     height: calc(100vh - 51px); // height of .mx_RoomHeader.light-panel
 
     &:hover .mx_RightPanel_ResizeHandle {

diff --git a/res/css/views/elements/_ResizeHandle.scss b/res/css/views/elements/_ResizeHandle.scss
@@ -33,8 +33,8 @@ limitations under the License.
 }
 
 .mx_MatrixChat > .mx_ResizeHandle.mx_ResizeHandle_horizontal {
-    margin: 0 -10px 0 0;
-    padding: 0 8px 0 0;
+    // margin: 0 0px 0 0;
+    // padding: 0 8px 0 0;
 }
 
 .mx_ResizeHandle.mx_ResizeHandle_horizontal > div {

diff --git a/res/css/views/rooms/_AppsDrawer.scss b/res/css/views/rooms/_AppsDrawer.scss
@@ -18,11 +18,12 @@ limitations under the License.
 $MiniAppTileHeight: 200px;
 
 .mx_AppsDrawer {
-    margin: 5px 5px 5px 18px;
+    margin: 5px 5px 5px 5px;
     position: relative;
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    flex-grow: 1;
 
     .mx_AppsContainer_resizerHandleContainer {
         width: 100%;