ActionBar: Standard-Aktions-Button optisch hervorheben

Der Standardbutton ist derjenige, der bei Druck auf Return/Enter
ausgelöst wird.

Aktuell ist die Hervorhebung über fette Schrift geregelt. Eine andere
Möglichkeit wäre, die Border von 1px auf 2px zu erhöhen, was das
Aussehen analoger zu klassischen GUIs machen würde.

diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css
index 3a1c513..5b50aa0 100644 (file)
--- a/css/kivitendo/main.css
+++ b/css/kivitendo/main.css
@@ -574,3 +574,6 @@ div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover:afte
   color: #FE5F14;
   border-color: #FE5F14 transparent;
 }
+div.layout-actionbar .layout-actionbar-default-action {
+  font-weight: bold;
+}

diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
index 51763ce..44c0b9c 100644 (file)
--- a/css/lx-office-erp/main.css
+++ b/css/lx-office-erp/main.css
@@ -584,3 +584,6 @@ div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
   border-color: black transparent;
 }
+div.layout-actionbar .layout-actionbar-default-action {
+  font-weight: bold;
+}

diff --git a/js/kivi.ActionBar.js b/js/kivi.ActionBar.js
index c430715..c46a265 100644 (file)
--- a/js/kivi.ActionBar.js
+++ b/js/kivi.ActionBar.js
@@ -7,6 +7,7 @@ namespace('kivi.ActionBar', function(k){
     disabled: 'layout-actionbar-action-disabled',
     action:   'layout-actionbar-action',
     combobox: 'layout-actionbar-combobox',
+    default:  'layout-actionbar-default-action',
   };
 
   k.Combobox = function(e) {
@@ -165,6 +166,9 @@ namespace('kivi.ActionBar', function(k){
       if (data.call) {
         kivi.ActionBar.Accesskeys.add_accesskey(undefined, data.accesskey, $e);
       }
+      if (data.accesskey == 'enter') {
+        $e.addClass(CLASSES.default);
+      }
     }
 
     if (data.call || data.submit || data.link) {