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 3a1c513188b5feb10f65369f23f82d3d05baf180..5b50aa0673a24838c79f5240489779ce2b59c9f1 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 51763ce1e982e81a706f2df8a6e885863fe57f23..44c0b9cbaf600a4be655bdb15a42fa3c3139f960 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 c430715a573aba7dc96fecb26420e4d9da4f84e8..c46a265466bedb1156dfe8067626b686a2ffda36 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) {