IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-09 23:16:16 -06:00
Code Issues Packages Projects Releases Wiki Activity

minor style fixes & polish

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-11-11 17:46:40 +01:00
parent 2aef5fbc3b
commit a0620ac8f6
6 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/features/dashboard/dashgrid/PanelEditor.tsx
View File

@ -77,7 +77,7 @@ export class PanelEditor extends PureComponent<PanelEditorProps> {
</ul>
<button className="panel-editor-tabs__close" onClick={this.onClose}>
<i className="fa fa-remove" />
<i className="fa fa-reply" />
</button>
</div>

4
public/app/features/panel/panel_directive.ts
View File

@ -44,8 +44,8 @@ const panelTemplate = `
</li>
</ul>
<button class="tabbed-view-close-btn" ng-click="ctrl.exitFullscreen();">
<i class="fa fa-remove"></i>
<button class="panel-editor-tabs__close" ng-click="ctrl.exitFullscreen();">
<i class="fa fa-reply"></i>
</button>
</div>

5
public/sass/_variables.dark.scss
View File

@ -267,6 +267,11 @@ $menu-dropdown-shadow: 5px 5px 20px -5px $black;
// -------------------------
$tab-border-color: $dark-4;
// Toolbar
$toolbar-bg: $page-header-bg;
$toolbar-shadow: 0 0 20px black;
$toolbar-tab-bg: $gray-blue;
// Pagination
// -------------------------

5
public/sass/_variables.light.scss
View File

@ -214,6 +214,11 @@ $menu-dropdown-shadow: 5px 5px 10px -5px $gray-1;
// -------------------------
$tab-border-color: $gray-5;
// Toolbar
$toolbar-bg: linear-gradient(90deg, #ffffff, #e6eef9);
$toolbar-shadow: 1px 1px 3px #c7d0d8;
$toolbar-tab-bg: $white;
// search
$search-shadow: 0 5px 30px 0 $gray-4;
$search-filter-box-bg: $gray-7;

23
public/sass/components/_panel_editor.scss
View File

@ -67,13 +67,13 @@
border-radius: 2px;
height: 10px;
cursor: grabbing;
background: $dark-4;
background: $input-label-bg;
top: -8px;
&:hover {
transition: background 0.2s ease-in 0.4s;
transition-delay: 0.2s;
background: $blue-dark;
background: linear-gradient(90deg, $orange, $red);
.panel-editor-resizer__handle-dots {
transition: opacity 0.2s ease-in;
opacity: 0;
@ -144,26 +144,15 @@
@include clearfix();
.active.gf-tabs-link {
background: $input-label-bg;
background: $toolbar-tab-bg;
}
}
.panel-editor-tabs__close {
padding: 5px 9px;
border-radius: $border-radius;
float: right;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
padding: $tabs-padding;
color: $text-color;
i {
font-size: 120%;
}
&:hover {
color: $text-color-strong;
}
@include buttonBackground($btn-primary-bg, $btn-primary-bg-hl);
}
.ds-picker-list {

6
public/sass/components/_toolbar.scss
View File

@ -2,9 +2,9 @@
display: flex;
align-content: center;
align-items: center;
background: $page-header-bg;
box-shadow: 0 0 20px black;
padding: 7px 30px 7px 20px;
background: $toolbar-bg;
box-shadow: $toolbar-shadow;
padding: 7px 20px 7px 20px;
position: relative;
z-index: 1;
flex: 0 0 auto;