opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-07-30 08:42:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

Theme: More theme updates (#33076)

Browse Source 
* Theme: More theme updates

* Updated so Switch design

* increase limit
This commit is contained in:
Torkel Ödegaard
2021-04-17 07:13:25 +02:00
committed by GitHub
parent 7d5a46ffda
commit c46f992bfb
8 changed files with 61 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/grafana-ui/src/components/Modal/getModalStyles.ts
View File

@ -3,14 +3,16 @@ import { GrafanaTheme } from '@grafana/data';
import { stylesFactory } from '../../themes';
export const getModalStyles = stylesFactory((theme: GrafanaTheme) => {
const backdropBackground = theme.colors.bg3;
const backdropBackground = 'rgba(0, 0, 0, 0.5)';
const borderRadius = theme.v2.shape.borderRadius(2);
return {
modal: css`
position: fixed;
z-index: ${theme.zIndex.modal};
background: ${theme.colors.bodyBg};
box-shadow: 0 0 20px ${theme.colors.dropdownShadow};
z-index: ${theme.v2.zIndex.modal};
background: ${theme.v2.palette.layer1};
box-shadow: ${theme.v2.shadows.z4};
border-radius: ${borderRadius};
background-clip: padding-box;
outline: none;
width: 750px;
@ -27,14 +29,14 @@ export const getModalStyles = stylesFactory((theme: GrafanaTheme) => {
right: 0;
bottom: 0;
left: 0;
z-index: ${theme.zIndex.modalBackdrop};
z-index: ${theme.v2.zIndex.modalBackdrop};
background-color: ${backdropBackground};
opacity: 0.7;
`,
modalHeader: css`
label: modalHeader;
background: ${theme.colors.bg2};
border-bottom: 1px solid ${theme.colors.pageHeaderBorder};
border-radius: ${borderRadius} ${borderRadius} 0 0;
display: flex;
height: 42px;
`,