Noticed the indicators behaving a little odd
on mobile, and realised one flex element in
the mobile.css was the cause. Removing
the flex entry did not cause any further
issue, and fixed the indicator misbehaviour.
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
This commit introduces a generic authentication plugin mechanism
to the LuCI dispatcher, enabling multi-factor authentication
(MFA/2FA) and other custom verification methods without
modifying core files.
This implementation integrates with the new plugin UI architecture
introduced in commit 617f364 (luci-mod-system: implement plugin UI
architecture), allowing authentication plugins to be managed
through the unified System > Plugins interface.
Signed-off-by: Han Yiming <moebest@outlook.jp>
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>
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>
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>
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>
Change mouse icon from text
cursor to pointer. Fix buttons not
being same min-width. Create
larger buttons for smaller screens,
same behaviour as
luci-theme-bootstrap. Slightly
fade "show" button: no variable
for disabled opacity like
luci-theme-bootstrap, assuming
0.7. Remove fade when hovered.
Resolve mismatched spacing for
each heading in box, fixing
spacing for when contents are
hidden and adding spacing
when contents are shown.
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
Match "show" button style to IP table,
change border colour to match font
colour; fade it slightly: no variable for
disabled opacity like
luci-theme-bootstrap, assuming 0.7.
Remove fade when hovered.
Change mouse icon from text cursor
to pointer, restore button text weight
and font similar to indicators,
add subtle border to compliment
both states of button.
Work with existing mobile styling
for 480px and below, make
bigger buttons and fix
heading alignment.
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
Change mouse icon from text cursor to pointer.
Smaller buttons on larger screens.
Slightly fade "show" button.
Remove fade when hovered.
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>
Match footer with header
padding left and right so they are
aligned (header uses 1180px,
but footer was using 940px).
Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
Set text to header colour when
using the header colour
background to match same
behaviour, for e.g. IPv4 Upstream
and IPv6 Upstream boxes.
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>
The CSS:
padding: calc(0.125em - 1px) calc(0.5em - 1px);
produced:
padding:calc(.125em
since minify treated it as a quad. Work around this and remove
it. The difference without it is minor.
Remove input colouring since the custom tags don't help and
the colouring makes input difficult to discern from placeholders.
Remove also -ms-backdrop definition which effectively overrides
the previous auto.
There was also an instance where 'solid red;' was truncated
to 'solid re' but I cannot reproduce this with minify.
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
follow-up to 3c3a5e2b1a
Retain original monospace properties since those are handled by the system
anyway.
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
Replace hardcoded font-family declarations with CSS custom properties
(--font-sans, --font-serif, --font-mono) that fall back to system UI fonts.
Signed-off-by: Akihiro Nagai <bashing.tremors_0f@icloud.com>
Disable Dark Deader since the bootstap theme has built-in
dark and light modes, as well as a mode which auto-detects
the user's preference. Dark Reader also doesn't work well
with the bootstrap theme.
Signed-off-by: Mikael Magnusson <mikma@users.sourceforge.net>
Replaced L.bind with arrow functions, used Array.from for array conversion,
applied concise method syntax, and switched to block-scoped declarations.
Signed-off-by: Eamon Xiong <eamonxiong@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>
Instead of enumerating each SVG graph that the dark mode is applicable to,
apply --background-color-high to each SVG element that is a child of
<div style="…"> and --text-color-highest to each LINE inside such SVG.
This allows dark mode to work in all SVG widgets by default, in any
current or future LuCI component.
Signed-off-by: Marko Mäkelä <marko.makela@iki.fi>
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>
