summaryrefslogtreecommitdiffhomepage
path: root/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
AgeCommit message (Collapse)Author
2022-05-17luci-theme-bootstrap: various style tweaksJo-Philipp Wich
- Make control-group containers flex and ensure proper spacing between elements, fixes e.g. unwanted break for reveal/hide password button on narrow mobile views - Decrease top margin of modal popups - Fix displaying cell titles on mobile wrapped table rows - Tune mobile flex table styles Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-21luci-theme-bootstrap: fix cbi-value caption alignmentJo-Philipp Wich
Since the removal of the clearfix styles, overlong captions will displace subsequent input field rows. Fix the issue by replace floating label + field margin with flexbox styles. Fixes: #5535 Fixes: 8055acc9be ("luci-theme-bootstrap: overhaul styles") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-16luci-theme-bootstrap: overhaul stylesJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-10luci-theme-bootstrap: various tweaks and cleanupsJo-Philipp Wich
- 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>
2021-10-07luci-theme-bootstrap: add dark theme variantTeoh Han Hui
Add a dark theme variant which is enabled by default when prefers-color-scheme is set to dark. Signed-off-by: Teoh Han Hui <teohhanhui@gmail.com>
2021-06-13luci-theme-bootstrap: mobile style fixes for vlan filter matrixJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-16treewide: fix "Unhandled token" errors with Lua CBI mapsJo-Philipp Wich
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-10luci-theme-bootstrap: fix mobile input cutoff in dropdownsJo-Philipp Wich
Fixes: #3285 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-11-10themes: add necessary styles for ComboButtonJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-09-10luci-theme-bootstrap: mobile style fixes for wifi overview viewJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-27luci-theme-bootstrap: allow tabmenus to wrap (#2333)Jo-Philipp Wich
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-23luci-theme-bootstrap: add responsive CSSJo-Philipp Wich
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>
2015-02-28add media queries for better responsive UI on mobile devicesLegend Tang
This is for modern browsers only
2015-01-08Rework LuCI build systemJo-Philipp Wich
* 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>