Commit graph

76 commits

Author SHA1 Message Date
Dirk Brenken
6ffd1592ce luci-theme-bootstrap: fix text wrapping in buttons
* should fix #4647

Signed-off-by: Dirk Brenken <dev@brenken.org>
2020-12-27 23:02:50 -10:00
Jo-Philipp Wich
1ac8df2614 luci-theme-bootstrap: rework menu rendering
Utilize the LuCI.ui.menu class to load, traverse and cache the menu tree
in the local session store.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-04-16 13:30:35 +02:00
Jo-Philipp Wich
015712bba0 luci-theme-bootstrap, luci-theme-openwrt-2020: fix dynlist overflows
Fixes: #3795
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-04-03 13:47:00 +02:00
Jo-Philipp Wich
ccb7e4a4a7 themes: generalize indicator markup and styling
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-03-30 17:12:07 +02:00
Jo-Philipp Wich
ca17ec9b4f luci-theme-bootstrap: fixup assoclist styling
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 3b40c582baefcb302fb23ed633ed85ab1ac72a9e)
2020-03-24 22:14:18 +01:00
Jo-Philipp Wich
aa2445cdd8 luci-theme-bootstrap: fix overview wireless display quirks
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-03-04 09:29:07 +01:00
Jo-Philipp Wich
0d97ea26f8 luci-theme-bootstrap: add CSS fixes for tooltip elements
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-01-19 17:50:37 +01:00
Jo-Philipp Wich
3c5feae57c luci-theme-bootstrap: fix invalid dropdown state styling
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-01-15 18:54:32 +01:00
MartB
c6122af7ea luci-theme-*: remove modal max-height #3383 v2
Signed-off-by: MartB <mart.b@outlook.de>
2019-12-10 17:26:10 +01:00
MartB
7f9eb4638b luci-theme-bootstrap: fix background of large modal overlays.
Signed-off-by: MartB <mart.b@outlook.de>
2019-12-02 22:17:59 +01:00
Jo-Philipp Wich
8672ddcf0b luci-theme-bootstrap: allow textarea resizing
Fixes: #3317
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-22 09:16:45 +01:00
Jo-Philipp Wich
13e9e3e9e8 treewide: fix "Unhandled token" errors with Lua CBI maps
The `data-type` attribute is used to bind datatype validators to a widget
while some templates used the same attribute to denote the name of the
underlying widget.

Change the `data-type` attributes referring to the widget name to
`data-widget` in order to stop the JS token error spam.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-16 18:25:52 +01:00
Jo-Philipp Wich
df38e4505c luci-theme-bootstrap: minor page action alignment fix
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-13 08:51:37 +01:00
Jo-Philipp Wich
e8abe15483 luci-theme-bootstrap: fix mobile input cutoff in dropdowns
Fixes: #3285
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-10 19:52:48 +01:00
Jo-Philipp Wich
3a82faf21a themes: add necessary styles for ComboButton
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-10 18:20:56 +01:00
Jo-Philipp Wich
3d0861de20 luci-theme-bootstrap: minor CSS fixes
- Don't remove background for disabled buttons
 - Move inactive tooltip element further out of the view area

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-10 18:18:53 +01:00
Jo-Philipp Wich
1116575513 luci-theme-bootstrap: fix ifacebox cutoff on OS X Safari
Fixes: #3278
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-08 15:59:40 +01:00
Ashus
39ae339051 Replaced an old icon with a new one, format changed from ICO to PNG to make it even smaller.
- references #2251

Signed-off-by: Ashus <github.com@ashus.net>
2019-10-09 23:26:45 +02:00
Jo-Philipp Wich
e712a8a4ac luci-theme-bootstrap: tune .alert-message padding and margin
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-09-12 11:10:19 +02:00
Jo-Philipp Wich
43d8e98a15 luci-theme-bootstrap: cleanup alert-message css, add fade-in/fade-out anims
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-09-11 09:23:16 +02:00
Jo-Philipp Wich
fd40efdf4d luci-theme-bootstrap: mobile style fixes for wifi overview view
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-09-10 15:29:15 +02:00
Jo-Philipp Wich
6f6a29bcb0 luci-theme-bootstrap: add required styles for file upload widget
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-09-10 15:28:16 +02:00
Jo-Philipp Wich
f743b96882 luci-theme-bootstrap: add CBI order drag/drop styles
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-07-07 15:36:26 +02:00
Jo-Philipp Wich
c16609b976 luci-theme-bootstrap: add various CSS tweaks
- Apply the same style to <button> and <input type="button"> elements
 - Increase width of modal CBI dialogs

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-07-07 15:36:26 +02:00
Jo-Philipp Wich
fda4ba598c luci-base: replace uci change pages with client side modal dialog
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-07-07 15:25:49 +02:00
Anton Kikin
5d26fec0bf Fix a overview page style issue for various themes
Fixed a overview page style issue with interface boxes for
bootstrap, material and rosy themes.

The issue only appears in the Chrome browser and lies in the
fact that the block with the device name and MAC address gets
out of the  interface block.

Signed-off-by: Anton Kikin <a.kikin@tano-systems.com>
2019-06-28 19:04:22 +03:00
David Hari
f8166387bf luci-theme-bootstrap: fixed input fields having disabled/uneditable colour
Submitted-by: David Hari <d-hari@hotmail.com>
[reword commit subject]
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-04-08 08:16:01 +02:00
Jo-Philipp Wich
91a73bebfb luci-theme-bootstrap: fix textarea height after CSS minification
Fixes #2378
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-12-16 15:08:05 +01:00
Jo-Philipp Wich
1cdce0280a luci-theme-bootstrap: add required CSS rules for new tabbing code
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-12-10 13:41:34 +01:00
Jo-Philipp Wich
51dbb2756a luci-theme-bootstrap: dynlist style tweak
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-12-10 13:41:34 +01:00
Jo-Philipp Wich
9a6e584449 luci-theme-bootstrap, luci-theme-openwrt: allow dynlist item content to wrap
Very long values without whitespace can easily overflow the dynlist item
container, so allow the browser to forcibly break such lines.

Reported-by: Hannu Nyman <hannu.nyman@iki.fi>
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-12-02 16:57:24 +01:00
Jo-Philipp Wich
9cd5f6befd luci-theme-bootstrap: allow tabmenus to wrap (#2333)
Allow the tab menu line to wrap around on narrow screens to fix the issue
reported in PR #2333.

Also add the .nowrap utility class to the Bootstrap theme while we're
touching it.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-27 13:58:58 +01:00
Jo-Philipp Wich
c270d48cdd luci-theme-bootstrap: add responsive CSS
Add responsive CSS to improve the rendering on small screen devices.

Tested on Mobile Safari using an iPhone 5 and iPhone 6, ymmv for other
platforms.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-23 15:11:28 +01:00
Jo-Philipp Wich
6a0c1d1ab6 luci-mod-status: move index and iptables page JS code into external files
Also adjust the Bootstrap and OpenWrt themes accordingly

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-22 13:07:33 +01:00
Jo-Philipp Wich
515562be27 luci-theme-bootstrap, luci-theme-openwrt: allow dynlist .add-item to expand
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-20 13:32:31 +01:00
Jo-Philipp Wich
5dddb105d2 luci-theme-bootstrap: remove redundant rules
Drop rules specific to the old status page progress bars and rework the
cbi element rules to work independently of a parent form tag.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-16 21:11:34 +01:00
Jo-Philipp Wich
1c84826242 luci-theme-bootstrap: add modal/progressbar rules, cleanup
- Add rules for modal dialogs and progress bar widgets
 - Drop redundant, unused or obsolete rules
 - Add spin utility class

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
4791180eb3 luci-base, themes: dropdown behaviour improvements
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
13e2cce2d9 luci-theme-bootstrap: add invalid style for dropdowns
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
48181051ef luci-theme-bootstrap: z-index fixes
Lower z-index of header bar to allow tooltips and dropdowns to overlap it,
also increase the z-index of open dropdowns to ensure that they cover
active tooltip bubbles.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
7c78218339 luci-base, themes: rework dynlist and dropdown widgets
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:05:12 +01:00
Jo-Philipp Wich
bd614de514 luci-theme-bootstrap: add flash animation
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:01:45 +01:00
Jo-Philipp Wich
7f613be500 luci-base, themes: add tooltip helpers & styles
Add the required JS and CSS infrastructure to support rich hover/focus
tooltips for element.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:01:45 +01:00
Jo-Philipp Wich
c79a2bbab7 luci-theme-bootstrap: enforce minimum width for IPv4 DHCP lease column
Fixes #2132.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-09-29 14:23:43 +02:00
Jo-Philipp Wich
849d153851 treewide: rework uci change display
- Use native rpcd uci changes format instead of incompletely converting
   back and forth between the old and the new format
 - Rework uci changelog template to print the equivalent uci commands
   for the various changes
 - Rework theme headers to properly count the uncomitted changes
 - Rework theme CSS to properly style new changelog

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-08-13 09:23:22 +02:00
Ansuel Smith
327e284b74
luci-mod-admin-full: fix broken applyreboot page
This improve applyreboot page and fix problem with luci-nginx that doesn't refresh the page when the router reboot.

Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2018-08-08 10:11:12 +02:00
Jo-Philipp Wich
176e246998 luci-theme-bootstrap: fix CSS regression in kernel/system log pages
An unrelated removed some crucial fixes due to improper rebasing.

Fixes: 7ba4eb1a4 ("luci-theme-bootstrap: add styling for input-adjacent buttons")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-31 17:26:25 +02:00
Jo-Philipp Wich
765816d07d luci-theme-bootstrap: style tweak for DSL status display
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-29 21:12:30 +02:00
Jo-Philipp Wich
7ba4eb1a42 luci-theme-bootstrap: add styling for input-adjacent buttons
Also add styling for CBI column title references.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-23 14:27:49 +02:00
Jo-Philipp Wich
a68006245d luci-theme-bootstrap: allow pointer events on readonly textareas and dropdowns
This is required to scroll and select text.

Fixes #1965
Fixes 887d0a685 ("luci-theme-bootstrap: cleanup CSS")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-19 16:53:16 +02:00