summaryrefslogtreecommitdiffhomepage
path: root/themes/luci-theme-material/htdocs
AgeCommit message (Collapse)Author
2024-07-09luci-theme-material: add css class button-rowFlorian Eckert
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-03-25Merge pull request #7008 from dannil/material-color-variablesFlorian Eckert
luci-theme-material: add back removed color variables
2024-03-23luci-theme-material: make luci-app-commands command box align with Bootstrap ↵Daniel Nilsson
theme The current implementation made the commands from the app luci-app-commands absolutely positioned which resulted in hiding elements which was underneath it, ie. the buttons. This implementation removes the absolutely positioned behavior making the buttons visible again and as an upside aligns it with how the Bootstrap theme handles commands. Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
2024-03-22luci-theme-material: add back removed color variablesDaniel Nilsson
Partially reverts 2bdabf14c30320ef0433828b1a080f6b8fe9c430 by adding back the deleted color variables as the custom.css was used by users to override the theme with their own colors. To maintain backwards compatibility with users we should not remove/rename these as it will result in colors being applied incorrectly. Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
2024-03-02luci-theme-material: improve theming system colors and contrastsDaniel Nilsson
This changed spawned from trying to make certain text colors readable (such as white text on white background in many dialogs) introduced by commit 4ee2bc6 (ref: #5841) which made obvious the need to improve the color and contrast situation in the theme. Alot of colors were duplicated in cascade.css and made for a hard time to align colors across different elements. This commit tries to rectify that by introducing variables for all commonly used colors. * All base colors (white, blue, red, green, blue, yellow, etc) has been consolidated and moved to common variables * Introduced more specific selectors for info levels to avoid colors bleeding over to other elements * Removed duplicated properties which were overriden at the next row Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
2024-02-28luci-theme-material: add missing css for dsl_status_tableFlorian Eckert
Insert a space between the name and the current value, as with other themes. Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-02-19luci-theme-material: add dropdown option hover stylesJo-Philipp Wich
Subsequent commits will drop the JS based mouse following focus behavior, so add appropriate replacement CSS hover styles. Ref: #6903 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-12-12luci-theme-material: Use a new OpenWrt logoSergey Ponomarev
The new OpenWrt logo.svg is copied from luci-theme-openwrt-2020. The logo.png was copied too but resized from 180px 3.9Kb down to 48px 2.3Kb. This is enough when used as icon for app pinned to desktop. Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
2022-06-25luci-theme-material: optimized image filesizey04
Optimized PNG filesize from 6280 to 3939 bytes. Visually looks the same, technically the image is 99.9% identical. Signed-off-by: Alexander Semukhin <semukhin@mail.com>
2022-06-17luci-theme-material: CSS Fix for previous updateQuentin Baker
Commit b0f13ef Changed the color of a CSS element from a bright blue to a dark blue. This resulted in a modal with difficult-to-read text (black text on dark blue). This commit sets the modal text-color to #000, in line with style guidelines. Signed-off-by: Quentin Baker <opensource@quentb.com>
2022-06-05luci-theme-material: Update brand logo/colorsQuentin Baker
I have updated the brand.png logo to the 2020 version, and I have made a small adjustment to the CSS to reflect its slightly larger vertical height. I also have made small tweaks to the system theme colors to use the brand colors as recommended on page 5 of the logo usage guidelines document avalible at openwrt/branding/blob/master/openwrt-styleguide.pdf Signed-off-by: Quentin Baker <opensource@quentb.com>
2022-05-04luci-material-theme: replace margin by gap in ifacebadgeMiguel Angel Mulero Martinez
Material is a "flex" theme. Better to use "gap" in place of "margin" to add some space between elements inside "flex" elements. This fixes the problem specially when there are text elements inside the "flex" and don't hurt when there are images. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-05-02Merge pull request #5794 from McGiverGim/material_align_button_text_centerJo-Philipp Wich
luci-material-theme: align text buttons center
2022-05-02luci-material-theme: fix localizated left menuMiguel Angel Mulero Martinez
The latest fix to fix the logout worked, but it was not applied to all the resolutions, and I have observed the same problem exists for the dasboard optional component. Looking at the code, it seems only the components without submenu, have the data-title element, so this fix modifies the style for all of them, not relying on the position or text content. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-05-01luci-material-theme: align text buttons centerMiguel Angel Mulero Martinez
The text inside the buttons is aligned to the top. This change mades it aligned to the center. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-04-30Merge pull request #5791 from McGiverGim/fix_td_alignJo-Philipp Wich
luci-material-theme: align td text width 33%
2022-04-30Merge pull request #5792 from McGiverGim/controlgroup_flexJo-Philipp Wich
luci-material-theme: make control-group flex
2022-04-30luci-material-theme: make control-group flexMiguel Angel Mulero Martinez
The control-group div does not flex. The buttons overflow the screen. This change mades them flex. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-04-30luci-material-theme: align td text width 33%Miguel Angel Mulero Martinez
The CSS applies a different padding for td elements with 33% width. This misaligns the text from this td to the others td. This change modifies the CSS to apply the same padding to all of the sibling td. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-04-30luci-material-theme: adjust data-title for logoutMiguel Angel Mulero Martinez
The data-title attribute style depends on the content in the css rule. When translated to other language, the css rule fails. This change uses the position and not the content to apply the style. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-04-30Revert "luci-material-theme: reduce size of logout icon"Miguel Angel Mulero Martinez
This reverts commit 3758ab9479be280a2df486120573a5ba3bb2c87a. The solution is not good. It breaks in some way the English UI to fix localizated UI. It will be fixed again in other commit. Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
2022-04-29Merge pull request #5788 from McGiverGim/fix_logout_icon_material_themeJo-Philipp Wich
luci-material-theme: reduce size of logout icon
2022-04-29luci-material-theme: reduce size of logout iconMiguel Angel Mulero Martinez
The icon of the logout option overflows the text. This reduces the size of the icon to not overflow. Signed-off-by: Miguel Angel Mulero <mcgivergim@gmail.com>
2022-04-29luci-theme-material: fix size of progressbar textMiguel Angel Mulero Martinez
The text of the progressbar is bigger than the progressbar height. This removes the font-size element that produced that. Signed-off-by: Miguel Angel Mulero <mcgivergim@gmail.com>
2021-09-04luci-theme-material: fix cut syslogAnsuel Smith
Remove line-height css for syslog textarea as it cause some problem with displaying all the rows of the syslog. (Row line are calculated with a line-height of 1) Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2021-09-03luci-theme-material: improve support for dashboard moduleAnsuel Smith
Fix sidebar styling to improve support for dashboard module. Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2021-08-17luci-theme-material: add support for modmenuAnsuel Smith
Improve support for modmenu. Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2021-08-11luci-theme-material: standardize menu and drop jqueryAnsuel Smith
- Drop jquery lib - Move to the new menu.js implementation - Rework css to mimic old js transition - Rework footer and header to new implementation Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2021-08-05luci-theme: fix css for flash advanced settingsAnsuel Smith
Fix themes for broken display of advanced button in the sysupgrade modal. Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2021-04-21luci-theme-material: fix wrong active state on common prefix nodeLiangbin Lian
Before fixed, if we have two nodes: 'services/ddns' and 'services/ddnsto', click any one of they, will show they all actived. Signed-off-by: Liangbin Lian <jjm2473@gmail.com>
2020-10-30luci-theme-material: fix bigger button for combo-boxAnsuel Smith
Combobox are bigger than any other button. Align the dimension to all the other buttons. Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2020-10-25luci-theme-material: Fix section title padding.Oldřich Jedlička
After moving section title from `legend`, which was translated to `span` with style `panel-title`, to `h3`, update also CSS style to match first `h3` in `cbi-section`. Signed-off-by: Oldřich Jedlička <oldium.pro@gmail.com>
2020-05-04luci-theme-material: remove useless logging outputFlorian Eckert
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2020-03-30themes: generalize indicator markup and stylingJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2020-01-21luci-theme-material: fix button position on modal saveFlorian Eckert
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2020-01-20luci-theme-material: fix apply dropdown colorFlorian Eckert
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2019-12-25Merge pull request #3401 from MartB/modal-heightfixv2Jo-Philipp Wich
luci-theme-*: remove modal max-height #3383 v2
2019-12-16luci-theme-material: render menu on client sideJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-12-10luci-theme-*: remove modal max-height #3383 v2MartB
Signed-off-by: MartB <mart.b@outlook.de>
2019-09-22luci-theme-material: mobile style fixesJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-09-22luci-theme-material: fix some severe styling issuesJo-Philipp Wich
Add some CSS band aids to fix styling and positioning of hidden tab panes, cbi maps in modal dialogs and nested cbi sections. Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2019-08-29luci-theme-material: show logo also on login pageMartin Schiller
Signed-off-by: Martin Schiller <ms@dev.tdt.de>
2019-06-28Fix a overview page style issue for various themesAnton Kikin
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-04luci-theme-material: fix checkbox css StaticList viewFlorian Eckert
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2019-04-07luci-theme-material: icons and other changesshunjou
* Remove excess font dependency * Retain two glyphs as svg * Store svg icons externally * Add logout icon * Replace spaces with tabs in script * Various minor fixes Signed-off-by: Shun Jou <shunjou@gmail.com>
2019-04-07luci-theme-material: correct main menu color variableshunjou
* Also declare default color above as fallback Signed-off-by: Shun Jou <shunjou@gmail.com>
2019-02-27luci-theme-material: fix loading view on hrefFlorian Eckert
After opening an external hyperlink in a new browser tab, LuCI hangs in the load screen. This commit will fix this issue. Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2019-01-30luci-theme-material: fix firewall table styleshunjou
Signed-off-by: Shun Jou <shunjou@gmail.com>
2019-01-29luci-theme-material: various css changesshunjou
* Improve dropdown menu indicators * Remove border on code * Compensate for occasional log overflow * Restrict webkit scrollbar style from mobile Signed-off-by: Shun Jou <shunjou@gmail.com>
2018-12-20luci-theme-material: make top level menu fontcolor configurableFlorian Eckert
If you change the color of the submenues then the colors of the toplevel should also be changed into the same color. Signed-off-by: Florian Eckert <fe@dev.tdt.de>