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

Components: IconButton (#23510)

Browse Source 
* IconButton: New component to share pointer, size & hover style for icon buttons

* Progress

* IconButton: new component

* Think I am done

* Updated snapshots

* Do not like the black button reverting that, and not the plus-circle changed to plus

* fixed test

* fixed e2e test

* Fixed ts issue
This commit is contained in:
Torkel Ödegaard
2020-04-11 16:07:18 +02:00
committed by GitHub
parent afec54d257
commit 6cb7d95916
35 changed files with 351 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,10 +37,11 @@ export const getModalStyles = stylesFactory((theme: GrafanaTheme) => {
opacity: 0.7;
`,
modalHeader: css`
background: ${theme.background.pageHeader};
background: ${theme.colors.pageHeaderBg};
box-shadow: ${theme.shadow.pageHeader};
border-bottom: 1px solid ${theme.colors.pageHeaderBorder};
display: flex;
height: 42px;
`,
modalHeaderTitle: css`
font-size: ${theme.typography.heading.h3};
@ -55,8 +56,12 @@ export const getModalStyles = stylesFactory((theme: GrafanaTheme) => {
}
`,
modalHeaderClose: css`
margin-left: auto;
padding: 9px ${theme.spacing.d};
height: 100%;
display: flex;
align-items: center;
flex-grow: 1;
justify-content: flex-end;
padding-right: ${theme.spacing.sm};
`,
modalContent: css`
padding: calc(${theme.spacing.d} * 2);