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

UX: Minor style tweaks and fixes (#23614)

Browse Source 
* UX: Minor style tweaks and fixes

* Updated
This commit is contained in:
Torkel Ödegaard
2020-04-16 17:55:08 +02:00
committed by GitHub
parent 9e1bdce5e0
commit ba60be97fe
5 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/features/dashboard/components/AddPanelWidget/AddPanelWidget.tsx
View File

@ -164,9 +164,13 @@ export class AddPanelWidgetUnconnected extends React.Component<Props, State> {
<div className="add-panel-widget__header grid-drag-handle">
<Icon name="panel-add" type="mono" size="xl" style={{ margin: '4px', marginRight: '8px' }} />
<span className="add-panel-widget__title">New Panel</span>
<button className="add-panel-widget__close" onClick={this.handleCloseAddPanel}>
<IconButton name="times" />
</button>
<div className="flex-grow-1"></div>
<IconButton
name="times"
onClick={this.handleCloseAddPanel}
surface="header"
className="add-panel-widget__close"
/>
</div>
<div className="add-panel-widget__btn-container">
<div className="add-panel-widget__create">

9
public/app/features/dashboard/components/AddPanelWidget/_AddPanelWidget.scss
View File

@ -9,7 +9,7 @@
.add-panel-widget__header {
top: 0;
position: absolute;
padding: 0 15px;
padding: 0 8px;
display: flex;
align-items: center;
width: 100%;
@ -54,13 +54,6 @@
}
}
.add-panel-widget__close {
margin: 7px -10px 0 auto;
background-color: transparent;
border: 0;
font-size: 16px;
}
.add-panel-widget__create {
display: inherit;
margin-bottom: $space-lg;

13
public/app/features/dashboard/components/AddPanelWidget/__snapshots__/AddPanelWidget.test.tsx.snap
View File

@ -26,14 +26,15 @@ exports[`Render should render component 1`] = `
>
New Panel
</span>
<button
<div
className="flex-grow-1"
/>
<IconButton
className="add-panel-widget__close"
name="times"
onClick={[Function]}
>
<IconButton
name="times"
/>
</button>
surface="header"
/>
</div>
<div
className="add-panel-widget__btn-container"

3
public/sass/components/_gf-form.scss
View File

@ -194,7 +194,8 @@ $input-border: 1px solid $input-border-color;
@at-root textarea#{&} {
overflow: auto;
white-space: pre-wrap;
height: auto;
padding: 6px $space-sm;
min-height: $input-height;
}
// Unstyle the caret on `<select>`s in IE10+.

2
public/sass/components/_navbar.scss
View File

@ -125,6 +125,8 @@ i.navbar-page-btn__search {
font-weight: $btn-font-weight;
padding: 0 $space-sm;
height: 32px;
// 2px less then border
line-height: 30px;
color: $text-muted;
border: 1px solid $navbar-button-border;
margin-left: $space-xs;