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

fix nav border when bodyscrolling with sticky variables (#92087)

Browse Source 
* fix nav border when bodyscrolling with sticky variables

* better fix
This commit is contained in:
Ashley Harrison 2024-08-19 16:59:46 +01:00 committed by GitHub
parent 950d5630a0
commit 5ce9324801
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/app/core/components/AppChrome/AppChrome.tsx
View File

@ -161,6 +161,7 @@ const getStyles = (theme: GrafanaTheme2, searchBarHidden: boolean) => {
background: theme.colors.background.primary,
borderRight: `1px solid ${theme.colors.border.weak}`,
display: 'none',
width: MENU_WIDTH,
[theme.breakpoints.up('xl')]: {
display: 'block',

3
public/app/core/components/AppChrome/AppChromeMenu.tsx
View File

@ -104,12 +104,10 @@ const getStyles = (theme: GrafanaTheme2, searchBarHidden?: boolean) => {
position: 'fixed',
top: searchBarHidden ? 0 : TOP_BAR_LEVEL_HEIGHT,
backgroundColor: theme.colors.background.primary,
boxSizing: 'content-box',
flex: '1 1 0',
[theme.breakpoints.up('md')]: {
right: 'unset',
borderRight: `1px solid ${theme.colors.border.weak}`,
top: topPosition,
},
}),
@ -151,6 +149,7 @@ const getAnimStyles = (theme: GrafanaTheme2, animationDuration: number) => {
const overlayOpen = {
width: '100%',
[theme.breakpoints.up('md')]: {
borderRight: `1px solid ${theme.colors.border.weak}`,
boxShadow: theme.shadows.z3,
width: MENU_WIDTH,
},