diff options
Diffstat (limited to 'themes')
4 files changed, 56 insertions, 55 deletions
diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css index ff489b47cc..2ab22d18d0 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css @@ -715,7 +715,6 @@ select, } input[type=file] { - background-color: #fff; padding: initial; border: initial; line-height: initial; @@ -1968,6 +1967,7 @@ form.inline { display: inline; margin-bottom: 0; } width: 100%; color: var(--text-color-highest); margin-bottom: 18px; + font-family: monospace; } .cbi-section-table .tr:hover .td, diff --git a/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/sysauth.ut b/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/sysauth.ut index a172d95d76..15f3b1435b 100644 --- a/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/sysauth.ut +++ b/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/sysauth.ut @@ -33,7 +33,7 @@ </div> {% endif %} - <button class="btn cbi-button-positive important">{{ _('Login') }}</button> + <button class="btn cbi-button-positive important">{{ _('Log in') }}</button> </section> <div id="view"> diff --git a/themes/luci-theme-material/ucode/template/themes/material/header.ut b/themes/luci-theme-material/ucode/template/themes/material/header.ut index 24b2c73517..ed6a637978 100644 --- a/themes/luci-theme-material/ucode/template/themes/material/header.ut +++ b/themes/luci-theme-material/ucode/template/themes/material/header.ut @@ -73,7 +73,13 @@ <div id="maincontent"> <div class="container"> {% if (getuid() == 0 && getspnam('root')?.pwdp === ''): %} - <!-- no password set --> + <div class="alert-message warning"> + <h4>{{ _('No password set!') }}</h4> + <p>{{ _('There is no password set on this router. Please configure a root password to protect the web interface.') }}</p> + {% if (dispatcher.lookup("admin/system/admin")): %} + <div class="right"><a class="btn" href="{{ dispatcher.build_url("admin/system/admin") }}">{{ _('Go to password configuration...') }}</a></div> + {% endif %} + </div> {% endif %} {% if (boardinfo?.rootfs_type == "initramfs"): %} diff --git a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css index ff3b909178..bf7a7a391d 100644 --- a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css +++ b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css @@ -934,70 +934,71 @@ button[disabled], button.disabled, .btn[disabled], .btn.disabled { background: var(--danger-color); } -.cbi-checkbox { - position: relative; -} +input[type="checkbox"], +input[type="radio"] { + --bd-color: var(--main-dark-color); + --fg-color: var(--main-dark-color); -.cbi-checkbox input[type="checkbox"] { - position: absolute; - z-index: 10; - -webkit-appearence: button; - height: 1.3em; - width: 1.3em; - opacity: 0; + appearance: none; + -webkit-appearance: none; + width: 1em; + height: 1em; + color: var(--fg-color); + position: relative; + display: inline-block; cursor: pointer; + background: none; + border: none; } -.cbi-checkbox input[type="checkbox"] + label { - position: relative; - display: inline-block; - width: 1.3em; - height: 1.3em; - vertical-align: text-top; +input[type="checkbox"]::before, +input[type="checkbox"]::after, +input[type="radio"]::before, +input[type="radio"]::after { + position: absolute; + content: ""; + margin: .15em 0; } -.cbi-checkbox input[type="checkbox"] + label::before { - content: "\0a"; - height: 1em; +input[type="checkbox"]::before, +input[type="radio"]::before { + top: 0; + left: 0; width: 1em; - box-shadow: 0 0 2px var(--main-dark-color); - display: inline-block; + height: 1em; + box-shadow: 0 0 2px var(--bd-color) !important; border-radius: .25em; - margin: .15em 0; - position: absolute; - left: 0; - top: 0; } -.cbi-checkbox input[type="checkbox"]:checked + label::after { - content: "\0a"; - position: absolute; - display: inline-block; - background: var(--main-dark-color); - top: .35em; - left: .2em; - width: .6em; - height: .6em; - border-radius: .15em; - cursor: pointer; +input[type="radio"], +input[type="radio"]::before { + border-radius: 50%; } -.cbi-checkbox input.cbi-input-invalid[type="checkbox"] + label::before { - box-shadow: 0 0 2px var(--danger-color); +input[type="checkbox"]::after, +input[type="radio"]::after { + top: .15em; + left: .15em; + width: .7em; + height: .7em; } -.cbi-checkbox input.cbi-input-invalid[type="checkbox"]:checked + label::after { - background: var(--danger-color); +input[type="checkbox"]:checked::after, +input[type="radio"]:checked::after { + --checkmark-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='m2.5 7.4 7.5 7.5-2.5 2.4L0 10Zm15-5L20 4.9 7.5 17.3 5 15Z'/></svg>"); + -webkit-mask: var(--checkmark-icon) center/cover no-repeat; + mask: var(--checkmark-icon) center/cover no-repeat; + background: var(--fg-color); } -.cbi-checkbox input[type="checkbox"][disabled] + label::before, -.cbi-checkbox input[type="checkbox"][disabled] + label::after { - pointer-events: none; - opacity: .6; +input[type="radio"]:checked:after { + --checkmark-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='7'/></svg>"); } -.cbi-checkbox input[type="checkbox"][disabled] { - pointer-events: none; +input[type="checkbox"].cbi-input-invalid, +input[type="radio"].cbi-input-invalid { + --bd-color: var(--danger-color); + --fg-color: var(--danger-color); } input:not([type]), @@ -1050,12 +1051,6 @@ input[type="password"] + .btn, input[type="password"] + button { margin: .125em .125em calc(.125em + 2px) calc(-.125em - .25em) !important; } -input[type="checkbox"] { - height: 1em; - vertical-align: middle; - -webkit-appearance: checkbox; -} - select { padding: .1rem 0; -webkit-appearance: menulist; |