Trying get rid of modals, new better design for dashboard settings and modals
This commit is contained in:
@@ -221,8 +221,9 @@ div.subnav {
|
||||
li > a:hover,
|
||||
li.active > a,
|
||||
li.active > a:hover {
|
||||
border-color: transparent;
|
||||
background-color: @blue;
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid @blueDark;
|
||||
color: @white;
|
||||
}
|
||||
|
||||
|
||||
@@ -203,15 +203,23 @@
|
||||
margin: 0;
|
||||
background: @fullEditTabsBackground;
|
||||
border-top: 1px solid @fullEditTabsBorder;
|
||||
border-bottom: 1px solid @fullEditTabsBorder
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
overflow: visible;
|
||||
padding: 15px;
|
||||
background-color: @grafanaPanelBackground;
|
||||
border-top: 1px solid @fullEditBorder;
|
||||
}
|
||||
|
||||
.nav-tabs > li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nav-tabs > li > a {
|
||||
@@ -546,3 +554,43 @@ select.grafana-target-segment-input {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.dashboard-edit-view {
|
||||
padding: 20px;
|
||||
background-color: @grafanaPanelBackground;
|
||||
}
|
||||
|
||||
.dashboard-editor-body {
|
||||
padding: 20px 10px;
|
||||
min-height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dashboard-editor-footer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dashboard-editor-header {
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid @fullEditBorder;
|
||||
.tabs {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-editor-title {
|
||||
padding-right: 20px;
|
||||
float: left;
|
||||
color: @linkColor;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
line-height: 34px;
|
||||
margin: 0;
|
||||
.icon {
|
||||
padding: 0 8px 0 5px;
|
||||
color: @textColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -35,9 +35,9 @@
|
||||
|
||||
// Tabs
|
||||
@fullEditTabsBackground: @grayDark;
|
||||
@fullEditBorder: @black;
|
||||
@fullEditBorder: #555;
|
||||
@fullEditBackground: transparent;
|
||||
@fullEditTabsBorder: #555;
|
||||
@fullEditTabsBorder: @black;
|
||||
|
||||
// Graphite Target Editor
|
||||
@grafanaTargetBorder: @black;
|
||||
@@ -134,12 +134,10 @@
|
||||
@btnInverseBackgroundHighlight: darken(@black, 5%);
|
||||
|
||||
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
@inputBackground: lighten(@grayDark,10%);
|
||||
@inputBorder: lighten(@grayDark,20%);
|
||||
@inputBackground: lighten(@grayDark,0%);
|
||||
@inputBorder: lighten(@grayDark,5%);
|
||||
@inputBorderRadius: @baseBorderRadius;
|
||||
@inputDisabledBackground: #555;
|
||||
@formActionsBackground: transparent;
|
||||
|
||||
Reference in New Issue
Block a user