Compliment '-webkit-appearance'
with 'appearance', as it is
non-standard and has since
been succeeded by 'appearance',
accepted by all baseline browsers.
Future consideration to then
remove '-webkit-appearance'.
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
Set text to var(--secondary-bright-color)
when using var(--main-bright-color)
for background to match same
behaviour as the header of the page,
e.g. IPv4 Upstream and
IPv6 Upstream boxes.
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
Match rounded indicators to same
style as "hide" and "show" buttons
for design consistency (site wide).
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
Create larger buttons for smaller
screens (same behaviour as
luci-theme-bootstrap).
Swap the "hide" and "show" button
styles to match all other luci-theme,
as "hide" is currently using primary
style and "show" is currently using
secondary style. Also, change mouse
icon from text cursor to pointer.
Slightly fade "show" button:
no variable for disabled opacity
like luci-theme-bootstrap,
assuming 0.7.
Remove fade when hovered.
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
- Remove `| LuCI` suffix from title tag
- Make material theme zoomable and remove legacy meta tags
- Unify viewport
Link: #8330
Signed-off-by: Self-Hosting-Group <selfhostinggroup-git+openwrt@shost.ing>
follow-up to 720c96ce5b
While ::before CSS styling has been deactivated, and
'content' removed, cbi-value-first-field is a bit
ambiguous. So, restore cbi-section-table-titles, and
replace the ::before tags in CSS.
Remove also the data-title for title rows. We already
insert titles for named headers and rows via HTML and
not via CSS after the mentioned commit.
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
The .label.notice selector is defined in the bootstrap theme, and
used in luci-base, but is not present in the openwrt2020 theme.
Signed-off-by: Eric Fahlgren <ericfahlgren@gmail.com>
dispatched.title is sometimes null, especially where menu JSON
does not declare a title for a page.
Also, while we're here, wrap these in i18n tags, since the
JSON titles are often translated (they're included in po matter).
Closes#8222
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
follow-up to 788e47034b
Some of the CSS changes have knock-on effects and change behaviour in
other display areas, especially when the CSS is minified.
Simplified to change between label flavours on hide/show status.
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
Add support to show/hide index cards. A card's state is saved using the
browser localstorage and its state is restored on page reload/relogin.
Rework the pool function to check and skip loading of hidden cards.
Rework themes to address new button position.
Signed-off-by: Christian Marangi <ansuelsmth@gmail.com>
[ changed tabs in CSS ]
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
Many LuCI icons doubled in size during migration to vector graphics
in commit ae5d91da90 (16px to 32px).
Sizing of their instances is mostly controlled by CSS, but there's
an exception - network interface boxes of "Interfaces" page in LuCI.
Current CSS doesn't specify any particular size requirements to follow,
so the icons just scale with the images served, thus effectively
doubling in width and height compared to state before the vectorization
commit. Such a big icons look odd and take up too much space, especially
for bridge interfaces with many ports.
Instead of reverting to the original 16×16px, this commit proposes
compromise of 24×24px as most of other icons within LuCI became a bit
bigger as well.
Signed-off-by: Dávid Benko <davidbenko@davidbenko.dev>
Clear, crisp, resolution independent vector graphics replace the trusty
microscopic PNG. Some minor CSS changes were needed to constrain images
in some locations to make sure they don't consume too much space.
Iconography taken from Mate desktop theme with minor adjustments:
https://github.com/mate-desktop/mate-icon-theme/
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
Implement a dynamic menu item width to allow item unwrapped and visible:
'min-width: max-content;' or 'max-width: max-content;'
Remove IE hacks and fix a console error for -webkit-scrollbar-thumb
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
In CSS, the flex-wrap property is used in a flex container to control
how flex items are laid out when there is not enough space in a single
line.
If a modal is displayed on small screens, the buttons are not wrapped. They
remain on one line. This breaks the layout and does not look good.
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>
* 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 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>
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>
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>
The GalanoGrotesque font used by the openwrt2020 theme does not support non-
latin symbols.
If latin and non-latin symbols are used together in one line it looks strange
because for latin symbols GalanoGrotesque is used but for non-latin symbols a
fallback font is used (sans-serif).
This patch changes default font to Helvetica for the "bg", "ru", "uk", "el"
and "he" locales.
Original patch was written by Jo-Philipp Wich
Fixes: #5580
Signed-off-by: Sergey V. Lobanov <sergey@lobanov.in>
[reword commit message, drop "de" from exception list]
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
