Replace all calc() doing maths on compatible numbers with their final values (to 2 decimal points).
Signed-off-by: Griffen Edge <griffen@griffenedge.com>
luci-theme-openwrt: change to HTML (like all other themes) instead of XML to fix incompatibility
see also https://github.com/openwrt/luci/issues/7229
Signed-off-by: Ramon Van Gorkom <Ramon00c00@gmail.com>
Convert the theme's Lua templates to ucode to avoid the implicit dependency
on the luci-lua-runtime package.
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This fixes the graphs after extra divs were added.
Signed-off-by: James Lindstrom <jameslindstrom2@gmail.com>
* Customize commit message
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
This note is also not displayed in the theme luci-theme-boostrap. Also, for
security reasons, we should not explicitly point this out on the login page,
that no password is set.
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
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 2bdabf14c3 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>
Fine tuning #6991
Bugfix for the wireless graphs, reorder everything to the same level
as displayed in the menu and make the spaces even.
Signed-off-by: Thomas Schröder <tschroeder_github@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>
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>
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>
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>
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>
With this addition to the body tag, on desktop browsers the vertical scrollbar
is always visible and the content will not be shifted by changing tabs (like
at System/Software when the update tab has no to little content).
I couldn't see any negative side effects with Chromium browsers or Firefox
under Windows/Linux and Android, but I don't have access to Apple devices
for tests.
Signed-off-by: Thomas Schröder <tschroeder_github@outlook.com>
The inherited nowrap of white-space causes the interface boxes to not line break, resulting in a horizontal scroll bar when many interfaces are present.
Tested on Chrome and Firefox.
Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
* add the decorations for when the links are included in the field descriptions
Thanks @dibdot, @stokito!
Signed-off-by: Stan Grishin <stangri@melmac.ca>
According to a style guide the color should be #00B5E2.
In a9f6d850a2 added a light blue square background to logo.svg.
Their color started differs, the change fixes this.
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
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>
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>
The apple-touch-icon was used by old Safari on iOS.
Today just <link rel="icon" href="logo.png"> is enough.
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
Chrome, Edge and Firefox will use the SVG icon but Safari will use the PNG.
Chrome will try to pick an icon with a best suited dimension.
So it will also download the PNG to check it's dimension.
The explicitly specified sizes are preventing this.
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
That was a fix for old browsers when the mime type is incorrect.
Today all servers return a correct mime but also browsers can sniff a type.
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
The "White & Dark Blue" logo should have a background filled with PANTONE 306 C HEX #00B5E2.
SVG doesn't support background-color properly so use a rectangle instead.
The dark blue circle must be PANTONE 7463 C HEX #002B49
See https://openwrt.org/_media/docs/guide-graphic-designer/openwrt-logo-usage-guidelines.pdf
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
