This commit is contained in:
Alexander Agnarson 2021-03-16 20:23:49 +01:00
parent bc21dce771
commit 5f85ffbb1c
3 changed files with 12 additions and 2 deletions

View file

@ -156,6 +156,9 @@ type-list-title a:hover,
.nav-menu .svg-icon,
.nav-menu.mobile button.active .svg-icon { fill:'.esc_attr( get_theme_mod('color-1') ).'; }
.nav-menu.mobile button:focus,
.menu-toggle:focus { box-shadow: inset 0 0px 2px '.esc_attr( get_theme_mod('color-1') ).'; }
'."\n";
}
// secondary color

View file

@ -81,6 +81,10 @@ Content images
== Changelog ==
= 1.0.3 - 2021-03-16 =
* Fixed: visible focus states on mobile menu
* Fixed: more clear focus state style on search button
= 1.0.2 - 2021-03-03 =
* Fixed: javascript error if search button is disabled

View file

@ -1,7 +1,7 @@
/*
Theme Name: Dashscroll
Theme URI: http://alx.media/themes/dashscroll/
Version: 1.0.2
Version: 1.0.3
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.6
@ -728,7 +728,7 @@ body.single .type-list-right { margin-left: 0; margin-top: 30px; }
/* header : search
/* ------------------------------------ */
.toggle-search { background: #edf0f5; outline: none; border-radius: 10px; margin: 20px 10px; border: 0; padding: 20px 0; width: 50px; color: #071232; text-align: center; font-size: 20px; line-height: 24px; cursor: pointer; display: block; }
.toggle-search:focus { box-shadow: inset 0 0 20px rgba(0,0,0,0.05); }
.toggle-search:focus { box-shadow: inset 0 0 20px rgba(0,0,0,0.1); }
.toggle-search.active { background: #00a389; }
.toggle-search.active i:before { content: "\f00d"; }
.search-expand { display: none; background: #e0f4f1; border-radius: 10px; padding: 16px; position: absolute; top: 20px; left: 70px; width: 300px; z-index: 10; }
@ -839,6 +839,9 @@ body.single .type-list-right { margin-left: 0; margin-top: 30px; }
.nav-menu.mobile.toggled > div > ul.menu ul.sub-menu { visibility: hidden; transition: all 0.3s ease; }
.nav-menu.mobile.toggled > div > ul.menu,
.nav-menu.mobile.toggled > div > ul.menu ul.sub-menu.active { visibility: visible; }
.nav-menu.mobile button:focus,
.menu-toggle:focus { box-shadow: inset 0 0px 2px #00a389; }
.menu-toggle:focus { border-radius: 10px; }
/* menu styling */
.nav-menu a { color: #fff; }