Trying get rid of modals, new better design for dashboard settings and modals

This commit is contained in:
Torkel Ödegaard
2014-08-25 22:39:40 +02:00
parent 00e5bb61fc
commit 6342571afe
13 changed files with 221 additions and 218 deletions
+3 -2
View File
@@ -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;
}
+48
View File
@@ -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;
}
}
+4 -6
View File
@@ -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;