Merge branch '40658fix-right-sidebar-interaction' into 'master'

Fix right sidebar interaction

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/117589



Merged-by: Phil Hughes <me@iamphill.com>
Approved-by: Artur Fedorov <afedorov@gitlab.com>
Approved-by: Phil Hughes <me@iamphill.com>
Reviewed-by: Artur Fedorov <afedorov@gitlab.com>
Co-authored-by: Olena Horal-Koretska <ohoralkoretska@gitlab.com>

app/assets/javascripts/sidebar/components/toggle/toggle_sidebar.vue

@@ -32,9 +32,22 @@ export default {
       return [this.cssClasses, { 'js-sidebar-collapsed': this.collapsed }];
     },
   },
+  watch: {
+    collapsed(value) {
+      this.updateLayout(value);
+    },
+  },
+  mounted() {
+    this.page = document.querySelector('.layout-page');
+  },
   methods: {
     toggle() {
       this.$emit('toggle');
+      this.updateLayout();
+    },
+    updateLayout(collapsed) {
+      this.page?.classList.remove(collapsed ? 'right-sidebar-expanded' : 'right-sidebar-collapsed');
+      this.page?.classList.add(collapsed ? 'right-sidebar-collapsed' : 'right-sidebar-expanded');
     },
   },
 };