luci-base: change css class btn to cbi-button
authorFlorian Eckert <fe@dev.tdt.de>
Mon, 21 Jun 2021 13:02:04 +0000 (15:02 +0200)
committerJo-Philipp Wich <jo@mein.io>
Wed, 7 Jul 2021 15:18:13 +0000 (17:18 +0200)
The css class btn is only a valid input element on lua rendered pages.
Use instead cbi-button for javascript rendered pages.

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
(cherry picked from commit 80262bb9a7e63eeee0e1fa5f290b27a569a644bf)

modules/luci-base/htdocs/luci-static/resources/form.js

index 9477b3f3c6f444df5fb3784925fabc17b66632ad..29e8fa7f05575ab762e9fa74cb655ae4a95346a6 100644 (file)
@@ -603,7 +603,7 @@ var CBIMap = CBIAbstractElement.extend(/** @lends LuCI.form.Map.prototype */ {
                                                E('p', {}, [ _('An error occurred while saving the form:') ]),
                                                E('p', {}, [ E('em', { 'style': 'white-space:pre' }, [ e.message ]) ]),
                                                E('div', { 'class': 'right' }, [
-                                                       E('button', { 'class': 'btn', 'click': ui.hideModal }, [ _('Dismiss') ])
+                                                       E('button', { 'class': 'cbi-button', 'click': ui.hideModal }, [ _('Dismiss') ])
                                                ])
                                        ]);
                                }
@@ -2639,9 +2639,9 @@ var CBITableSection = CBITypedSection.extend(/** @lends LuCI.form.TableSection.p
 
                if (this.sortable) {
                        dom.append(tdEl.lastElementChild, [
-                               E('div', {
+                               E('button', {
                                        'title': _('Drag to reorder'),
-                                       'class': 'btn cbi-button drag-handle center',
+                                       'class': 'cbi-button drag-handle center',
                                        'style': 'cursor:move',
                                        'disabled': this.map.readonly || null
                                }, '☰')
@@ -2879,7 +2879,7 @@ var CBITableSection = CBITypedSection.extend(/** @lends LuCI.form.TableSection.p
                                nodes,
                                E('div', { 'class': 'right' }, [
                                        E('button', {
-                                               'class': 'btn',
+                                               'class': 'cbi-button',
                                                'click': ui.createHandlerFn(this, 'handleModalCancel', m)
                                        }, [ _('Dismiss') ]), ' ',
                                        E('button', {