mirror of
https://github.com/openwrt/luci.git
synced 2026-02-04 12:06:01 +08:00
luci-mod-status: improve hide/show button placement and size
Align the hide/show buttons with the header of the section that they control. Make the buttons as tall as the header line, very much improving accessibility on mobile. Signed-off-by: Eric Fahlgren <ericfahlgren@gmail.com>
This commit is contained in:
committed by
Paul Donald
parent
b3d44ab16d
commit
d43fee9733
@@ -129,10 +129,11 @@ return view.extend({
|
||||
|
||||
rv.appendChild(E('div', { 'class': 'cbi-section', 'style': 'display: none' }, [
|
||||
E('div', { 'class': 'cbi-title' },[
|
||||
title != '' ? E('h3', title) : '',
|
||||
E('div', [
|
||||
E('h3', { 'style': 'display: flex; justify-content: space-between' }, [
|
||||
title || '-',
|
||||
E('span', {
|
||||
'class': includes[i].hide ? 'label notice' : 'label',
|
||||
'style': 'display: flex; align-items: center; justify-content: center; min-width: 4em',
|
||||
'data-style': includes[i].hide ? 'active' : 'inactive',
|
||||
'data-indicator': 'poll-status',
|
||||
'data-clickable': 'true',
|
||||
|
||||
Reference in New Issue
Block a user