- introduce new variable --text-color-highest which results in #000/#fff
for bright and dark modes respectively
- drop unused navigation style rules and selectors
- use sticky positioning for header bar and drop top margin hacks
- use flex box layout for header bar contents
- use uniform line-height for button elements instead of pixel paddings
- fix too bright .cbi-value bottom border in mobile dark mode
- avoid rendering duplicate .cbi-value bottom borders for nested sections
- simplify header markup, get rid of unused container elements
- use non-wrapping flex box layout for page actions, prioritize primary
action button in automatic width calculation
- fix border radius of ifacebox headers
- use brightest color for log output textareas
- fix dark mode colors for mode menu
- use flex layout for footer
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
- 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>
- 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>
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>
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>
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>
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>
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>
- 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>
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>
- 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>
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>
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>
