Skip to content
Permalink
Browse files

GUI Tuning: Some fixes

* Context/search filter buttons and line breaking
* Button font color
* Smaller sidebar margins and paddings
* foldertree snapin select field background color

Change-Id: I1e5d41e144433966622d1b514bfc93cbccce614b
  • Loading branch information...
oKenneth committed Sep 11, 2019
1 parent 7ca6e9b commit 7b183012164d995c70f8586d742d9f717ab57a46
@@ -1531,8 +1531,8 @@ def show_choice_row(self, varprefix, ident, value):
prefix = varprefix + '_' + ident
html.open_tr(id_="%s_row" % prefix)
if self._delete_style == "filter":
self._show_content(varprefix, ident, value)
self._show_del_button(varprefix, ident)
self._show_content(varprefix, ident, value)
else:
self._show_del_button(varprefix, ident)
self._show_content(varprefix, ident, value)
@@ -663,8 +663,14 @@ export function listofmultiple_del(varprefix, ident) {
}

export function listofmultiple_init(varprefix) {
var table = document.getElementById(varprefix + "_table");
var tbody = table.getElementsByTagName("tbody")[0];

document.getElementById(varprefix + "_choice").value = "";
listofmultiple_disable_selected_options(varprefix);
// Put in a line break following the table if it's not empty
if (tbody.childNodes.length >= 1)
table.after(document.createElement("br"));
}

// The <option> elements in the <select> field of the currently choosen
@@ -219,6 +219,7 @@ input.button:not([type=password]) {

input.button.hot {
&, &:active {
color: $hot-font-color;
background-color: #11bd7b;
border: 1px solid #11bd7b;
}
@@ -1393,7 +1394,7 @@ th.header_state {
}

.hot a, .hot body.main .popup_menu span, body.main .popup_menu .hot span {
color: $hot-color;
color: $hot-font-color;
background-color: $hot-bg-color;
border-color: $theme-color-nuance-16;
}
@@ -405,7 +405,7 @@ div.contextlink {
}

&.hot a {
color: $hot-color;
color: $hot-font-color;
background-color: $hot-bg-color;
border-color: $theme-color-nuance-16;
}
@@ -263,7 +263,11 @@ body.side div.snapin, div.add_snapin div.snapin {
box-sizing: border-box;

&:first-child {
margin-top: $snapin-first-margin-top;
margin-top: $sidebar-ends-margin;
}

&:last-of-type {
margin-bottom: $sidebar-ends-margin;
}
}

@@ -238,14 +238,13 @@ table.performance {
*/
#snapin_time div.time {
width: $theme-snapin-width - 2px;
padding: 8px;
padding: 0;
margin: 0 auto;
font-size: 24px;
font-weight: bold;
letter-spacing: $theme-letter-spacing-table;
color: $primary-sidebar-font-color;
text-align: center;
background-color: $theme-color-table-background-dark;
border: 1px solid $theme-color-table-border-dark;
border-spacing: 4px;
}

@@ -488,6 +487,7 @@ div.spacertop {
#snapin_wato_foldertree {
table {
width: 100%;
margin: 4px 0;
border-spacing: 0;

td {
@@ -500,11 +500,12 @@ div.spacertop {
}

select {
margin: 8px 0 2px;
padding: 6px 0 6px 8px;
margin: 1px 0 2px;
clear: both;
font-size: $theme-font-size-main;
color: $theme-color-nuance-7;
background-color: $theme-color-lightgrey;
color: $foldertree-snapin-font-color;
background-color: $foldertree-snapin-bg-color;
border-radius: $theme-border-radius;
box-sizing: border-box;
}
@@ -279,7 +279,7 @@ img.pluginurl {

&.online {
font-weight: 500;
color: $theme-color-text !important;
color: $hot-font-color !important;
background-color: $theme-color-state-success-background;
border-color: $theme-color-state-success-border !important;
}
@@ -374,7 +374,7 @@ $host-diag-failed-bg-color: #fee;
$wato-inherited-color: #444;

$hot-bg-color: rgb(255, 160, 66);
$hot-color: null;
$hot-font-color: $grey-5;

$input-hover-bg-color: #edeceb;

@@ -456,7 +456,7 @@ $duallist-control-a-hover-bg-color: $wato-a-hover-bg-color;

$side-content-top: 66px;
$snapin-margin: 8px 0;
$snapin-first-margin-top: 6px;
$sidebar-ends-margin: 6px;

$main-body-padding: 68px 16px 60px;

@@ -488,3 +488,6 @@ $host-folder-font-color: #bde;
$snapin-link-hover-color: #fff;

$if-state-up-font-color: null;

$foldertree-snapin-bg-color: $theme-color-lightgrey;
$foldertree-snapin-font-color: $theme-color-nuance-7;
@@ -324,14 +324,6 @@ table.valuespec_listof.filter {
width: 1px;
vertical-align: top;
border-style: none;

img {
position: relative;
top: 2px;
left: -28px;
width: 16px;
height: 16px;
}
}
}
}
@@ -374,7 +374,7 @@ $host-diag-failed-bg-color: $theme-color-nuance-15;
$wato-inherited-color: $grey-2;

$hot-bg-color: rgb(255, 160, 66);
$hot-color: $black;
$hot-font-color: $grey-7;

$input-hover-bg-color: null;

@@ -456,8 +456,8 @@ $table-cell-last-child-border-radius: 0;
$duallist-control-a-hover-bg-color: $wato-a-hover-bg-color;

$side-content-top: null;
$snapin-margin: 6px 0;
$snapin-first-margin-top: 5px;
$snapin-margin: 4px 0;
$sidebar-ends-margin: 3px;

$main-body-padding: 65px 12px 60px;

@@ -489,3 +489,6 @@ $host-folder-font-color: rgb(220, 220, 220);
$snapin-link-hover-color: $grey-1;

$if-state-up-font-color: $grey-7;

$foldertree-snapin-bg-color: $grey-3;
$foldertree-snapin-font-color: $primary-sidebar-font-color;

0 comments on commit 7b18301

Please sign in to comment.
You can’t perform that action at this time.