Age | Commit message (Collapse) | Author |
|
luci-theme-openwrt-2020: fix anchor decorations
|
|
* 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 a9f6d850a28aa936228253806717a1c70dfe94d4 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>
|
|
Save 686-536=150 bytes
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
|
|
To keep ratio the one pixel was also added to left and right and now size is 100x100
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
|
|
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>
|
|
luci-theme-bootstrap: set scroll-margin-top for all elements
|
|
Signed-off-by: Kristian Skramstad <kristian+github@83.no>
|
|
Login (n) -> Log (v) in
Logout (n) -> Log (v) out
Signed-off-by: Paul Dee <itsascambutmailmeanyway@gmail.com>
|
|
Import the radio and checkbox styling rules from the default Bootstrap
theme and adapt colors and margins to the OpenWrt 2020 one.
Fixes: #6442
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
This was accidentally deleted with commit:
bec2c7e2b50e062575f3649ccd76b81af41b9820
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
Remove the white background color for the file input elements, this way it'll use the default color defined for input elements, matching the light/dark theme.
Signed-off-by: Santiago Kozak <santikzk1406@gmail.com>
|
|
so we can use element.scrollIntoView() with fixed header
Signed-off-by: Liangbin Lian <jjm2473@gmail.com>
|
|
Fixes: #6177
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
- Apply CSS reset to before/after pseudo elements as well and fix
resulting shifted offsets
- Apply focus highlight to select elements too
- Improve radio button styling
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
Underline the link text if a tab has keyboard focus in order to give a
visual indication of the focus state.
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
Remove uci theme config section on uninstall.
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
|
|
Fixes: #6060
Fixes: e496014760 ("luci-theme-material: convert Lua templates to ucode")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
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>
|
|
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
Add ucode template equivalents for the Lua templates used by the theme.
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
this let browser automatically fill according to HTML spec for input elements.
luci-theme-bootstrap and luci-base are affected.
Signed-off-by: Viktor Tsvetkov <zwetvik@gmail.com>
[indentation fix]
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
Small size reduction.
From: 5908
To: 3896
Signed-off-by: Rosen Penev <rosenp@gmail.com>
|
|
This way instead of opening a Safari tab, it opens in its own instance.
Signed-off-by: Rosen Penev <rosenp@gmail.com>
|
|
Used when adding LuCI to Springboard. Image generated from logo.svg.
Signed-off-by: Rosen Penev <rosenp@gmail.com>
|
|
Fix the message from "Sytem" to "System" and merge with the existing
message on the other themes.
Signed-off-by: INAGAKI Hiroshi <musashino.open@gmail.com>
|
|
Optimized PNG filesize from 152 to 80 bytes without any quality loss.
Signed-off-by: Alexander Semukhin <semukhin@mail.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>
|
|
Optimized PNG filesize from 733 to 592 bytes without any quality loss.
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>
|
|
- 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>
|
|
Restore accidentally removed the initramfs boot warning banner.
Ref: https://github.com/openwrt/luci/commit/8055acc9be89f0bed31b6692ad08e6196611d478#commitcomment-73447330
Fixes: 8055acc9be ("luci-theme-bootstrap: overhaul styles")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
luci-material-theme: replace margin by gap in ifacebadge
|
|
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
|
|
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>
|