Browse Source

Grafana fixes

pull/101/head
Marius 5 years ago
parent
commit
11fd18a92d
  1. 68
      CSS/themes/grafana/grafana-base.css

68
CSS/themes/grafana/grafana-base.css

@ -171,6 +171,9 @@ color:#FFFFFF !important;
.dropdown-menu-item-shortcut {
color: #ffffff!important;
}
.dropdown-menu {
border: 1px solid transparent;
}
.dropdown-submenu:hover>a {
Background-color: rgba(0, 0, 0, 0.25)!important;
}
@ -380,6 +383,31 @@ div.flot-text {
border-bottom: 2px solid transparent;
}
/* Panel tables */
.css-58bavm-thead {
background: rgba(0, 0, 0, .25);
}
.css-sq6g4h-row {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.css-11m63ae {
border-right: 1px solid rgb(255 255 255 / 10%);
}
.css-2n373z {
border-right: 1px solid rgb(255 255 255 / 25%);
}
.css-sq6g4h-row:hover {
background-color: rgb(255 255 255 / 0.08);
}
.css-3o5ryu {
background: rgb(0 0 0 / 45%);
}
.css-1n8kpcb-activeTabStyle,.css-dnqfjg-activeTabStyle {
background: rgb(0 0 0 / 35%);
}
.css-1n8kpcb-activeTabStyle::before, .css-dnqfjg-activeTabStyle::before {
background: var(--accent-color);
}
/* Edit panel tabs */
.tabbed-view-header {
box-shadow: none;
@ -523,15 +551,16 @@ border-color: #b56d16 !important;
border: none;
}
.modal-header {
.modal-header, .css-1z13zsv-modalHeader {
background: var(--modal-bg-color);
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #d8d9da;
color: #eee;
}
.modal-body {
position: relative;
.modal-body, .css-111908g {
background: var(--modal-bg-color);
color: #eee;
}
@ -554,6 +583,12 @@ border-color: #b56d16 !important;
.css-370vzt-button,
.css-msayan-button,
.css-19kbjxc-button,
.css-n4gkqg-button,
.css-u6ysb0-button,
.css-ak0gkt-button,
.css-1pa3vaj-button,
.css-g7zx83-button,
.css-1pcbsvw-button,
.gf-form-button-row a, .gf-form-button-row button,
.page-action-bar>a, .page-action-bar>button,
.btn-primary{
@ -579,6 +614,18 @@ border-color: var(--button-color);
.css-msayan-button:focus,
.css-19kbjxc-button:hover,
.css-19kbjxc-button:focus,
.css-n4gkqg-button:hover,
.css-n4gkqg-button:focus,
.css-u6ysb0-button:hover,
.css-u6ysb0-button:focus,
.css-ak0gkt-button:hover,
.css-ak0gkt-button:focus,
.css-1pa3vaj-button:hover,
.css-1pa3vaj-button:focus,
.css-g7zx83-button:hover,
.css-g7zx83-button:focus,
.css-1pcbsvw-button:hover,
.css-1pcbsvw-button:focus,
.gf-form-button-row a, .gf-form-button-row button:hover,
.btn-primary:hover{
color: rgb(255, 255, 255);
@ -646,9 +693,9 @@ outline: transparent dotted 2px;
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.css-1m6pigl:checked + label {
color: var(--accent-color) !important;
border-color: rgba(255, 255, 255, .1);
background: rgba(0, 0, 0, .5);
color: #eee !important;
border-color: rgba(255, 255, 255, .1);
background: var(--button-color);
}
.css-b40tk8:focus + label {
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
@ -715,6 +762,9 @@ body > grafana-app > div > div > react-container > div > div > div.view > div >
/*PANEL EDIT*/
.css-cxwxzk-Label-description,.css-n370st {
color: #eee;
}
/*Header*/
.css-1marj6o {
display: flex;
@ -803,6 +853,12 @@ background: var(--accent-color);
outline-offset: 2px;
box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
}
.css-mgq0xs-currentVisualizationItem > div:first-child {
outline: transparent dotted 2px;
outline-offset: 1px;
box-shadow: var(--accent-color) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px;
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
/*Old stat panel unit dropdown */
body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
height: 100%;

Loading…
Cancel
Save