1 files changed, 16 insertions, 12 deletions

diff --git a/assets/style.scss b/assets/style.scss
index 4078aa1..6903145 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -284,7 +284,7 @@ background: #00000060;
 .chats-list-chats,
 .roster-list-roster {
   flex-grow: 1;
-  overflow: scroll;
+  overflow-y: scroll;
 }
 
 .open-chat-views {
@@ -345,7 +345,7 @@ background: #00000060;
   color: black;
   background-color: #dcdcdc;
   max-height: 32em;
-  overflow: scroll;
+  overflow-y: scroll;
   font-size: 16px;
   border: 2px solid black;
   padding: 8px;
@@ -372,7 +372,7 @@ background: #00000060;
   /* You could leave this, but after a user resizes, then it ruins the auto sizing */
   resize: none;
   /* Firefox shows scrollbar on growth, you can hide like this. */
-  overflow: scroll;
+  overflow-y: scroll;
 }
 
 .grow-wrap>textarea,
@@ -395,7 +395,7 @@ background: #00000060;
   display: flex;
   flex-direction: column-reverse;
   flex-grow: 1;
-  overflow: scroll;
+  overflow-y: scroll;
 }
 
 .chat-message {
@@ -573,6 +573,10 @@ background: #00000060;
   border-top: 2px solid black;
 }
 
+.sidebar {
+  position: relative;
+}
+
 .dock .personal .dock-item {
   padding: 8px 16px
 }
@@ -584,7 +588,6 @@ background: #00000060;
 
 .sidebar-drawer {
   height: auto;
-  position: relative;
   z-index: 5;
 }
 
@@ -592,17 +595,18 @@ background: #00000060;
   z-index: 10;
 }
 
-.sidebar .sidebar-hovering-drawer>* {
+.sidebar .sidebar-hovering-drawer {
   position: absolute;
-  left: 0;
-  transition: left 0.2s ease-in;
-  transition-behaviour: allow-discrete;
+  height: 100%;
+  /* must be width of dock... */
+  left: 82px;
+  transition: left 0.2s ease-out allow-discrete;
 }
 
 @starting-style {
-  .sidebar .sidebar-hovering-drawer>* {
+  .sidebar .sidebar-hovering-drawer {
     /* TODO: allow to edit this width */
-    left: -400px;
+    left: -318px;
   }
 }
 
@@ -1443,4 +1447,4 @@ hr {
   font-weight: normal;
   font-style: italic;
   font-display: block;
-}
\ No newline at end of file
+}