Merge branch 'fix-sidebar-overflow' into 'master'

Fix overflow in the sidebar See merge request gitlab-org/gitlab!79181

Merge branch 'fix-sidebar-overflow' into 'master'
Fix overflow in the sidebar See merge request gitlab-org/gitlab!79181
ecd5177c · Jacques Erasmus · b6aa916a · 56b30f0b · ecd5177c · ecd5177c
Commit ecd5177c authored Jan 28, 2022 by Jacques Erasmus
5 changed files
--- a/app/assets/stylesheets/framework/contextual_sidebar.scss
+++ b/app/assets/stylesheets/framework/contextual_sidebar.scss
@@ -267,6 +267,8 @@

    .nav-item-name {
      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
    }

    > a,

--- a/app/assets/stylesheets/startup/startup-dark.scss
+++ b/app/assets/stylesheets/startup/startup-dark.scss
@@ -1095,6 +1095,8 @@ input {
 }
 .nav-sidebar li .nav-item-name {
  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .nav-sidebar li > a,
 .nav-sidebar li > .fly-out-top-item-container {

--- a/app/assets/stylesheets/startup/startup-general.scss
+++ b/app/assets/stylesheets/startup/startup-general.scss
@@ -1076,6 +1076,8 @@ input {
 }
 .nav-sidebar li .nav-item-name {
  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .nav-sidebar li > a,
 .nav-sidebar li > .fly-out-top-item-container {

--- a/ee/app/assets/stylesheets/startup/startup-dark.scss
+++ b/ee/app/assets/stylesheets/startup/startup-dark.scss
@@ -1095,6 +1095,8 @@ input {
 }
 .nav-sidebar li .nav-item-name {
  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .nav-sidebar li > a,
 .nav-sidebar li > .fly-out-top-item-container {

--- a/ee/app/assets/stylesheets/startup/startup-general.scss
+++ b/ee/app/assets/stylesheets/startup/startup-general.scss
@@ -1076,6 +1076,8 @@ input {
 }
 .nav-sidebar li .nav-item-name {
  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .nav-sidebar li > a,
 .nav-sidebar li > .fly-out-top-item-container {