public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chore: Tidy up emotion css with better theme breakpoint (#39340) (#39811)

Browse Source 
(cherry picked from commit f3475b864c)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
This commit is contained in:
Torkel Ödegaard
2021-09-29 20:41:02 +02:00
committed by GitHub
co-authored by Ashley Harrison
parent e69544b6ea
commit 91db8910a7
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/core/components/NavBar/BottomSection.tsx
+1 -1
View File
@@ -100,7 +100,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
container: css`
display: none;
@media ${theme.breakpoints.up('md')} {
${theme.breakpoints.up('md')} {
display: block;
margin-bottom: ${theme.spacing(2)};
}
public/app/core/components/NavBar/NavBar.tsx
+3 -3
View File
@@ -56,7 +56,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
width: ${theme.components.sidemenu.width}px;
z-index: ${theme.zIndex.sidemenu};
@media ${theme.breakpoints.up('md')} {
${theme.breakpoints.up('md')} {
background-color: ${theme.colors.background.primary};
position: relative;
}
@@ -94,7 +94,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
width: ${theme.spacing(3.5)};
}
@media ${theme.breakpoints.up('md')} {
${theme.breakpoints.up('md')} {
align-items: center;
display: flex;
justify-content: center;
@@ -116,7 +116,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
justify-content: space-between;
padding: ${theme.spacing(2)};
@media ${theme.breakpoints.up('md')} {
${theme.breakpoints.up('md')} {
display: none;
}
`,
public/app/core/components/NavBar/NavBarItem.tsx
+1 -1
View File
@@ -86,7 +86,7 @@ const getStyles = (theme: GrafanaTheme2, isActive: Props['isActive']) => ({
}
}
@media ${theme.breakpoints.up('md')} {
${theme.breakpoints.up('md')} {
color: ${isActive ? theme.colors.text.primary : theme.colors.text.secondary};
&:hover {
public/app/core/components/NavBar/TopSection.tsx
+1 -1
View File
@@ -52,7 +52,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
display: none;
flex-grow: 1;
@media ${theme.breakpoints.up('md')} {
${theme.breakpoints.up('md')} {
display: block;
margin-top: ${theme.spacing(5)};
}