Commit graph

46 commits

Author SHA1 Message Date
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
Jo-Philipp Wich
97a640c836 themes: add forward-compatibility CSS
Subsequent changes will largely replace tables with div based markup, so
add forward compatibility style rules to keep the rendering intact.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-28 15:18:45 +02:00
Jo-Philipp Wich
d0bf6489e9 luci-theme-bootstrap: tune default style select boxes
The previous styling made select dropdowns look like disabled text input
fields on Chrome browsers.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2017-01-02 11:59:21 +01:00
Arjen de Korte
c42b4a3bf9 luci-theme-bootstrap: fix minor CSS errors
Signed-off-by: Arjen de Korte \<build+luci@de-korte.org\>
2016-12-10 22:09:50 +01:00
arjendekorte
d4c31c5c90 Update cascade.css
The linear-gradient function syntax uses 'to bottom' instead of 'top' for a gradient from top to bottom.
2016-12-05 16:31:32 +01:00
Jo-Philipp Wich
34c2eca4fc luci-theme-bootstrap: add missing CSS class
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2016-08-18 09:18:56 +02:00
Jo-Philipp Wich
c1f7cb36b8 luci-theme-bootstrap: add new utility class for table valign, minor tweaks
Signed-off-by: Jo-Philipp Wich <jow@openwrt.org>
2016-01-20 16:59:06 +01:00
Jo-Philipp Wich
c57d60e3e6 luci-theme-bootstrap: css fix for map level tabs
Signed-off-by: Jo-Philipp Wich <jow@openwrt.org>
2016-01-19 11:00:15 +01:00
Jo-Philipp Wich
1600b600dd luci-theme-bootstrap: style fixes for map level tabs and disabled buttons
Signed-off-by: Jo-Philipp Wich <jow@openwrt.org>
2016-01-18 11:06:35 +01:00
Jo-Philipp Wich
31e7adea63 Merge pull request #333 from legendtang/master
themes/bootstrap: add media queries to bootstrap-theme for better responsive UI on mobile devices
2015-03-10 18:55:15 +01:00
Legend Tang
291834e707 theme/bootstrap: add a mssing class style in form section (#298)
NOTE: three <br /> in some luci-app's cbi-tab-descr section which help
to workaround must be removed.
2015-03-01 01:20:33 +08:00
Legend Tang
d6b0448339 add media queries for better responsive UI on mobile devices
This is for modern browsers only
2015-02-28 23:08:26 +08:00
Jo-Philipp Wich
1bb4822dca Rework LuCI build system
* Rename subdirectories to their repective OpenWrt package names
 * Make each LuCI module its own standalone package
 * Deploy a shared luci.mk which is used by each module Makefile

Signed-off-by: Jo-Philipp Wich <jow@openwrt.org>
2015-01-08 16:26:20 +01:00