IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-26 02:40:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

NewPanelEdit: Design tweaks (#22156)

Browse Source 
* NewPanelEdit: minor design tweak

* Updated
This commit is contained in:
Torkel Ödegaard 2020-02-13 09:01:03 +01:00 committed by GitHub
parent 8641b91389
commit 6d879a0227
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/features/dashboard/components/PanelEditor/OptionsGroup.tsx
View File

@ -8,7 +8,7 @@ interface Props {
}
export const OptionsGroup: FC<Props> = ({ title, children }) => {
const [isExpanded, toggleExpand] = useState(false);
const [isExpanded, toggleExpand] = useState(true);
const theme = useTheme();
const styles = getStyles(theme);

9
public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx
View File

@ -340,9 +340,9 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
right: 0;
bottom: 0;
background: ${background};
padding: ${theme.spacing.sm};
`,
panelWrapper: css`
padding: 0 2px 2px ${theme.spacing.sm};
width: 100%;
height: 100%;
`,
@ -373,13 +373,12 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
height: 100%;
width: 100%;
background: ${theme.colors.pageBg};
border-top: 1px solid ${theme.colors.pageHeaderBorder};
border-left: 1px solid ${theme.colors.pageHeaderBorder};
border: 1px solid ${theme.colors.pageHeaderBorder};
border-bottom: none;
`,
toolbar: css`
padding: ${theme.spacing.sm};
height: 55px;
display: flex;
padding-bottom: ${theme.spacing.sm};
justify-content: space-between;
`,
editorBody: css`

5
public/app/features/dashboard/components/PanelEditor/PanelEditorTabs.tsx
View File

@ -62,9 +62,7 @@ const getPanelEditorTabsStyles = stylesFactory(() => {
flex-direction: column;
height: 100%;
`,
tabBar: css`
padding: 0 ${theme.spacing.sm};
`,
tabBar: css``,
tabContent: css`
padding: 0;
display: flex;
@ -73,6 +71,7 @@ const getPanelEditorTabsStyles = stylesFactory(() => {
min-height: 0;
background: ${theme.colors.pageBg};
border-right: 1px solid ${theme.colors.pageHeaderBorder};
border-left: 1px solid ${theme.colors.pageHeaderBorder};
.toolbar {
background: transparent;