IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

prevent horizontal scrollbar on firefox during expand animation (#47758)

Browse Source
This commit is contained in:
Ashley Harrison 2022-04-19 10:31:59 +01:00 committed by GitHub
parent 378ce4f685
commit bb5f77703c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/core/components/NavBar/Next/NavBarMenu.tsx
View File

@ -147,6 +147,10 @@ const getAnimStyles = (theme: GrafanaTheme2, animationDuration: number) => {
const overlayTransition = { const overlayTransition = {
...commonTransition, ...commonTransition,
transitionProperty: 'background-color, box-shadow, width', transitionProperty: 'background-color, box-shadow, width',
// this is needed to prevent a horizontal scrollbar during the animation on firefox
'.scrollbar-view': {
overflow: 'hidden !important',
},
}; };
const backdropTransition = { const backdropTransition = {