Skip to content

Commit

Permalink
[CollapsibleNav] Add a styling condition to ensure that Collapsible N…
Browse files Browse the repository at this point in the history
…av Group items can be seen and interacted with when the screen is very small or the browser is using a high zoom level
  • Loading branch information
breehall committed Apr 26, 2023
1 parent 78f625e commit 27c3d68
Showing 1 changed file with 16 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -24,3 +24,19 @@
text-decoration: underline; /* 2 */
}
}

/**
* Allows the CollapsibleNavGroups to be viewed on
* very small screen sizes and when the browser Zoom is high
*/
@media (max-height: 15em) {
.euiCollapsibleNav {
overflow-y: auto;

& > .euiFlexItem.eui-yScroll {
flex-shrink: 0;
flex-grow: 1;
flex-basis: auto;
}
}
}

0 comments on commit 27c3d68

Please sign in to comment.