MM-51804 - add channels lhs not working (#22743)

* MM-51804 - add channels lhs not working

* open browse channels directly when user has no channel creation permissions (#22770)

webapp/channels/src/sass/base/_structure.scss

@@ -160,7 +160,6 @@ body.app__body #root {
             }
             #SidebarContainer.move--right {
                 position: relative;
-                left: 65px;
             }
         }
     }

webapp/channels/src/sass/layout/_sidebar-left.scss

@@ -575,6 +575,19 @@ $sidebarOpacityAnimationDuration: 0.15s;
         }
     }
 
+    @media screen and (min-width: 768px) {
+        .SidebarNavContainer {
+            .scrollbar--view {
+                overflow: initial !important;
+                max-width: 240px;
+            }
+        }
+
+        #SidebarContainer .SidebarChannelGroup .SidebarChannelGroupHeader {
+            max-width: 240px;
+        }
+    }
+
     .SidebarCategory_newLabel {
         display: flex;
         width: 32px;
@@ -741,6 +754,7 @@ $sidebarOpacityAnimationDuration: 0.15s;
     }
 
     .AddChannelsCtaDropdown .dropdown-menu {
+        min-width: 232px !important;
         margin-left: 20px;
     }
 
@@ -748,20 +762,13 @@ $sidebarOpacityAnimationDuration: 0.15s;
     #addChannelsCta {
         display: flex;
         width: 100%;
+        margin-top: -6px;
 
         &:hover {
             background-color: var(--sidebar-text-hover-bg);
         }
     }
 
-    #AddChannelCtaDropdown {
-        position: fixed;
-
-        ul {
-            min-width: 232px !important;
-        }
-    }
-
     .SidebarChannelNavigator_inviteUsersSticky {
         position: absolute;
         z-index: 2;
@@ -1021,7 +1028,6 @@ $sidebarOpacityAnimationDuration: 0.15s;
     /* Channels */
     .SidebarChannel {
         display: flex;
-        overflow: hidden;
         height: 32px;
 
         /* height required for transition animation */