gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(ui): use variables for z-index values (#3453)

Browse Source
This commit is contained in:
Manish Giri
2020-03-24 09:46:47 -04:00
committed by GitHub
parent c6ef7e555f
commit a91e8316f7
19 changed files with 61 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/netlify-cms-widget-code/src/SettingsButton.js
View File

@ -1,6 +1,6 @@
import React from 'react';
import styled from '@emotion/styled';
import { Icon, buttons, shadows } from 'netlify-cms-ui-default';
import { Icon, buttons, shadows, zIndex } from 'netlify-cms-ui-default';
const StyledSettingsButton = styled.button`
${buttons.button};
@ -8,7 +8,7 @@ const StyledSettingsButton = styled.button`
${shadows.drop};
display: block;
position: absolute;
z-index: 100;
z-index: ${zIndex.zIndex100};
right: 8px;
top: 8px;
opacity: 0.8;

4
packages/netlify-cms-widget-code/src/SettingsPane.js
View File

@ -2,7 +2,7 @@ import React from 'react';
import styled from '@emotion/styled';
import Select from 'react-select';
import isHotkey from 'is-hotkey';
import { text, shadows } from 'netlify-cms-ui-default';
import { text, shadows, zIndex } from 'netlify-cms-ui-default';
import SettingsButton from './SettingsButton';
import languageSelectStyles from './languageSelectStyles';
@ -10,7 +10,7 @@ const SettingsPaneContainer = styled.div`
position: absolute;
right: 0;
width: 200px;
z-index: 10;
z-index: ${zIndex.zIndex10};
height: 100%;
background-color: #fff;
overflow: hidden;