Age | Commit message (Collapse) | Author |
|
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
luci-theme-material: add back removed color variables
|
|
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>
|
|
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>
|
|
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>
|
|
Insert a space between the name and the current value, as with other themes.
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
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>
|
|
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>
|
|
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>
|
|
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>
|
|
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>
|
|
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>
|
|
luci-material-theme: align text buttons center
|
|
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>
|
|
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>
|
|
luci-material-theme: align td text width 33%
|
|
luci-material-theme: make control-group flex
|
|
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>
|
|
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>
|
|
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>
|
|
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>
|
|
luci-material-theme: reduce size of logout icon
|
|
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>
|
|
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>
|
|
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>
|
|
Fix sidebar styling to improve support for dashboard module.
Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
|
|
Improve support for modmenu.
Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
|
|
- 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>
|
|
Fix themes for broken display of advanced button in the sysupgrade modal.
Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
|
|
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>
|
|
Combobox are bigger than any other button. Align the dimension to all the other buttons.
Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
|
|
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>
|
|
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
luci-theme-*: remove modal max-height #3383 v2
|
|
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
Signed-off-by: MartB <mart.b@outlook.de>
|
|
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
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>
|
|
Signed-off-by: Martin Schiller <ms@dev.tdt.de>
|
|
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>
|
|
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
* 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>
|
|
* Also declare default color above as fallback
Signed-off-by: Shun Jou <shunjou@gmail.com>
|
|
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>
|
|
Signed-off-by: Shun Jou <shunjou@gmail.com>
|
|
* 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>
|
|
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>
|