Commit afeccb84 authored by Michael Le's avatar Michael Le Committed by Paul Slaughter

Make sidebar tooltip fit smaller text

https://gitlab.com/gitlab-org/gitlab/-/merge_requests/73597
parent 1bc34117
...@@ -81,7 +81,6 @@ ...@@ -81,7 +81,6 @@
@include gl-px-0; @include gl-px-0;
@include gl-pb-2; @include gl-pb-2;
@include gl-pt-0; @include gl-pt-0;
min-width: 150px;
background-color: $gray-10; background-color: $gray-10;
box-shadow: 0 $gl-spacing-scale-2 $gl-spacing-scale-5 $t-gray-a-24, 0 0 $gl-spacing-scale-1 $t-gray-a-24; box-shadow: 0 $gl-spacing-scale-2 $gl-spacing-scale-5 $t-gray-a-24, 0 0 $gl-spacing-scale-1 $t-gray-a-24;
border-style: none; border-style: none;
...@@ -309,6 +308,10 @@ ...@@ -309,6 +308,10 @@
} }
a.has-sub-items + .sidebar-sub-level-items { a.has-sub-items + .sidebar-sub-level-items {
@include media-breakpoint-up(sm) {
min-width: 150px;
}
.fly-out-top-item { .fly-out-top-item {
@include fly-out-top-item($has-sub-items: true); @include fly-out-top-item($has-sub-items: true);
} }
......
...@@ -1139,6 +1139,11 @@ input { ...@@ -1139,6 +1139,11 @@ input {
border-right: 0.25rem solid #fff; border-right: 0.25rem solid #fff;
border-right-color: var(--black, #fff); border-right-color: var(--black, #fff);
} }
@media (min-width: 576px) {
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items {
min-width: 150px;
}
}
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item { .nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item {
display: none; display: none;
} }
......
...@@ -1120,6 +1120,11 @@ input { ...@@ -1120,6 +1120,11 @@ input {
border-right: 0.25rem solid #000; border-right: 0.25rem solid #000;
border-right-color: var(--black, #000); border-right-color: var(--black, #000);
} }
@media (min-width: 576px) {
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items {
min-width: 150px;
}
}
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item { .nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item {
display: none; display: none;
} }
......
...@@ -1139,6 +1139,11 @@ input { ...@@ -1139,6 +1139,11 @@ input {
border-right: 0.25rem solid #fff; border-right: 0.25rem solid #fff;
border-right-color: var(--black, #fff); border-right-color: var(--black, #fff);
} }
@media (min-width: 576px) {
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items {
min-width: 150px;
}
}
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item { .nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item {
display: none; display: none;
} }
......
...@@ -1120,6 +1120,11 @@ input { ...@@ -1120,6 +1120,11 @@ input {
border-right: 0.25rem solid #000; border-right: 0.25rem solid #000;
border-right-color: var(--black, #000); border-right-color: var(--black, #000);
} }
@media (min-width: 576px) {
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items {
min-width: 150px;
}
}
.nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item { .nav-sidebar a.has-sub-items + .sidebar-sub-level-items .fly-out-top-item {
display: none; display: none;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment