From 864d17c4e27b7fe9a470900eab3275b6c4e0c830 Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Wed, 18 Dec 2019 12:17:23 +0100
Subject: [PATCH] ui/css: adapt look-and-feel to PMG one

mainly the navigation tree

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/css/ext6-pbs.css | 98 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 98 insertions(+)

diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index 183e7c40..cd005bcd 100644
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -72,3 +72,101 @@
 .proxmox-inline-button .x-btn-inner {
     color: black;
 }
+
+/* loading in task list */
+.x-grid-row-loading {
+    background: no-repeat center center;
+    background-image:url(../ext6/theme-crisp/resources/images/loadmask/loading.gif);
+}
+
+/* displayfield minheight is wrong */
+.x-form-display-field-default {
+    min-height: 20px;
+}
+
+.x-button-reset:before {
+    font-size: 16px;
+}
+
+/* for resetcolumnsbutton */
+.x-button-reset:after{
+    content: "\f0e7 ";
+    position: relative;
+    text-shadow: 0 0 2px #fff;
+    left: -3px;
+    top: 2px;
+}
+
+.proxmox-inline-button .x-btn-inner {
+    color: black;
+}
+
+/* for auto layout */
+div.inline-block {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.pointer {
+    cursor: pointer;
+}
+
+.x-grid-filters-filtered-column{
+    font-style: italic;
+    font-weight: bold;
+}
+
+/* mark disabled grid entries */
+table:not(.x-grid-item-selected) tr.x-grid-row.disabled {
+    color: #cfcfcf;
+}
+
+/* fix action column icons */
+.x-action-col-icon {
+    font-size: 14px;
+}
+
+.x-action-col-icon:before {
+    color: #555;
+}
+
+.x-treelist-item-icon {
+    color: #000;
+}
+
+.x-treelist-nav {
+    background-color: #f5f5f5;
+    border-right: 1px solid #cfcfcf;
+}
+
+.x-treelist-row-over > * > .x-treelist-item-icon,
+.x-treelist-row-over > * > .x-treelist-item-text {
+    color: #000;
+}
+
+.x-treelist-row {
+    padding: 4px 10px 4px 6px;
+}
+
+/* chrome 56 fix */
+.x-webkit .x-form-text {
+    height: 100% !important;
+}
+
+.x-webkit :not(.x-form-textarea-body) > .x-form-trigger-wrap {
+    height: initial;
+}
+
+tr.x-grid-row-summary  td.x-grid-cell {
+    border-top: 1px solid black;
+    font-weight: bold;
+}
+
+p.logs {
+    white-space: nowrap;
+    font-family: monospace;
+    overflow: auto;
+    border: 1px solid #cfcfcf;
+    margin: 5px;
+    padding: 5px;
+}