combobox styling:

[kivitendo-erp.git] / css / lx-office-erp / main.css

diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
index 5d981ff..eee23c9 100644 (file)
--- a/css/lx-office-erp/main.css
+++ b/css/lx-office-erp/main.css
@@ -539,6 +539,10 @@ a.red {
 
 /* actionbar styling */
 div.layout-actionbar {
+  position: fixed;
+  height: 25px;
+  top: 20px;
+  z-index: 20;
 /*  background-color: whitesmoke; */
 }
 
@@ -554,6 +558,15 @@ div.layout-actionbar-action {
   -webkit-transition: background-color 0s;
 }
 
+div.layout-actionbar ~ div {
+  padding-top: 25px;
+}
+
+div.layout-actionbar-separator {
+  display: inline-block;
+  width: 10px;
+}
+
 div.layout-actionbar div.layout-actionbar-submit,
 div.layout-actionbar div.layout-actionbar-scriptbutton,
 div.layout-actionbar div.layout-actionbar-submit:focus,
@@ -596,13 +609,30 @@ div.layout-actionbar-combobox {
   display: inline-block;
 }
 
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head:after {
+  content: "";
+  width: 0;
+  height: 0;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  margin-top: -3px;
+  border-width: 3px 3px 0 3px;
+  border-style: solid;
+  border-color: black transparent;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head.active:after {
+  border-width: 3px 3px 0 3px;
+}
+
+
 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
   white-space: nowrap;
   display: block;
 }
 
 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div.layout-actionbar-action::after {
-  content: "…";
 }
 
 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {