CKEditor: Styleanpassungen für kivi Integration

- <textarea> Rahmen, hover, active Effekte auch für den Inline Editor
- padding in der Toolbar reduziert, so dass das bei normalem Spacing
  so groß ist wie das Element dadrüber. Ähnlich dem inline button
  Styling.

diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css
index 5e4f4e2..412e331 100644 (file)
--- a/css/kivitendo/main.css
+++ b/css/kivitendo/main.css
@@ -21,7 +21,8 @@ body {
 /* Input elements */
 input,
 textarea,
-select {
+select,
+div.cke_textarea_inline {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -khtml-border-radius: 0;
@@ -50,7 +51,8 @@ select {
 
 input:focus,
 textarea:focus,
-select:focus {
+select:focus,
+div.cke_textarea_inline:focus {
   background-color: #ffffa0;
   border: 1px solid #fe5f14;
 }
@@ -583,3 +585,15 @@ div.layout-actionbar .layout-actionbar-default-action {
 body > div.admin {
   padding-top: 24px;
 }
+
+/* cke editor */
+.cke_top {
+  padding: 0 !important;
+}
+.cke_toolgroup {
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
+}
+.cke_button {
+  padding: 0px; 6px !important;
+}

diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
index 44c0b9c..0bbba27 100644 (file)
--- a/css/lx-office-erp/main.css
+++ b/css/lx-office-erp/main.css
@@ -10,7 +10,7 @@ A:hover { color: black;
            text-decoration: none;
          }
 
-input, textarea, select {
+input, textarea, select, div.cke_textarea_inline {
   border: 1px;
   border-color: darkgray lightgray lightgray;
   border-style: solid;
@@ -27,14 +27,14 @@ select {
   padding: 0 14px 0 0;
 }
 
-input:focus, textarea:focus, select:focus {
+input:focus, textarea:focus, select:focus, div.cke_textarea_inline:focus {
   background-color: whitesmoke;
   border: 1px;
   border-color: gray lightgray lightgray;
   border-style: solid;
 }
 
-input:hover, textarea:hover, select:hover {
+input:hover, textarea:hover, select:hover, div.cke_textarea_inline:hover {
   border-color: dimgray darkgray darkgray;
 }
 
@@ -587,3 +587,15 @@ div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
 div.layout-actionbar .layout-actionbar-default-action {
   font-weight: bold;
 }
+
+/* cke editor */
+.cke_top {
+  padding: 0 !important;
+}
+.cke_toolgroup {
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
+}
+.cke_button {
+  padding: 0px; 6px !important;
+}