Commit graph

62 commits

Author SHA1 Message Date
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
Jo-Philipp Wich
29f542fa62 luci-theme-bootstrap: various fixes
- Styling fixes for table hover rows, striping and title row coloring
- Fixes for page action button placement

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-18 12:05:05 +02:00
Jo-Philipp Wich
2787a52d6d luci-theme-bootstrap: small style fix for link buttons
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-15 15:17:32 +02:00
Jo-Philipp Wich
053682c4c3 luci-theme-bootstrap: margin fix for multiple wifs on status overview
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-13 16:31:14 +02:00
Jo-Philipp Wich
887d0a6859 luci-theme-bootstrap: cleanup CSS
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-13 09:38:25 +02:00
Jo-Philipp Wich
a0e5e8a9da luci-theme-bootstrap: compress color names, fix table striping
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-12 18:57:20 +02:00
Jo-Philipp Wich
690f3f13ac luci-theme-bootstrap: add CSS fixes for IE 11
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-09 11:51:43 +02:00
Jo-Philipp Wich
e8a9a6695e luci-theme-bootstrap: minor style fixes
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-03 18:49:00 +02:00
Jo-Philipp Wich
532846c3d8 luci-theme-bootstrap: fix input width in table cells
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-29 08:57:22 +02:00
Jo-Philipp Wich
211d8bc55e luci-theme-bootstrap: render tblsection row titles
The Bootstrap theme lacked appropriate CSS yet to render section title
attributes.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-25 09:52:29 +02:00
Jo-Philipp Wich
e3d02b1a49 luci-theme-bootstrap: remove unused styles
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-25 09:42:10 +02:00
Jo-Philipp Wich
b453624dce luci-theme-bootstrap: align CSS with markup changes
Add changes to make the theme render correctly with the latest markup,
requires further refinement and tuning in the future.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-23 17:59:31 +02:00
Jo-Philipp Wich
9d48490729 luci-base: add markup, JS and CSS for new dropdown
This commit introduces the required code for a new, markup based dropdown
widget which can be used as a styleable alternative to select boxes or
radio/checkbox button groups.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-08 08:14:36 +02:00
Jo-Philipp Wich
79d793dffe themes: adjust CSS for reworked apply widget
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-31 15:38:42 +02:00
Jo-Philipp Wich
7875d92c42 luci-theme-bootstrap: add new style classes
Add new style classes required for status page changes, also drop old
Internet Explorer compatibility script and vendor prefixed properties.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-30 14:59:24 +02:00