MDL-70202 theme_boost: remove accessibility changes for moremenu tabs

- Part of: MDL-69588
- the more menu will be responsive and does not need changed tab styles on small devices
This commit is contained in:
Bas Brands 2021-06-01 16:37:14 +02:00 committed by Mathew May
parent 527562d12f
commit 00239bccad
4 changed files with 24 additions and 24 deletions

View file

@ -45,7 +45,7 @@
}
}}
<nav class="moremenu">
<ul id="moremenu-{{ uniqid }}" class="nav {{navbarstyle}}">
<ul id="moremenu-{{ uniqid }}" class="nav more-nav {{navbarstyle}}">
{{#nodecollection}}
{{#children}}
{{> core/moremenu_children}}

View file

@ -2707,7 +2707,7 @@ $picker-emojis-per-row: 7 !default;
}
}
}
.nav-tabs,
.nav-tabs:not(.more-nav),
.nav-pills {
margin: 0;
border: 0;

View file

@ -11851,42 +11851,42 @@ input[disabled] {
border: 0; }
#page-header .card .card-body {
padding: 0; }
.nav-tabs,
.nav-tabs:not(.more-nav),
.nav-pills {
margin: 0;
border: 0;
padding: 0.125rem;
background-color: #e9ecef; }
.nav-tabs .nav-item,
.nav-tabs:not(.more-nav) .nav-item,
.nav-pills .nav-item {
flex: 1 1 auto;
text-align: center; }
.nav-tabs .nav-link,
.nav-tabs:not(.more-nav) .nav-link,
.nav-pills .nav-link {
background: #fff;
border: 0;
margin: 0.125rem; }
.nav-tabs .nav-link.active,
.nav-tabs:not(.more-nav) .nav-link.active,
.nav-pills .nav-link.active {
color: #6c757d;
border-color: #6c757d;
border-color: #6c757d; }
.nav-tabs .nav-link.active:hover,
.nav-tabs:not(.more-nav) .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active.focus,
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.nav-tabs .nav-link.active.disabled, .nav-tabs .nav-link.active:disabled,
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
color: #6c757d;
background-color: transparent; }
.nav-tabs .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-tabs .nav-link.active.dropdown-toggle,
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show >
@ -11894,8 +11894,8 @@ input[disabled] {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-tabs .nav-link.active.dropdown-toggle:focus,
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show >

View file

@ -12072,42 +12072,42 @@ input[disabled] {
border: 0; }
#page-header .card .card-body {
padding: 0; }
.nav-tabs,
.nav-tabs:not(.more-nav),
.nav-pills {
margin: 0;
border: 0;
padding: 0.125rem;
background-color: #e9ecef; }
.nav-tabs .nav-item,
.nav-tabs:not(.more-nav) .nav-item,
.nav-pills .nav-item {
flex: 1 1 auto;
text-align: center; }
.nav-tabs .nav-link,
.nav-tabs:not(.more-nav) .nav-link,
.nav-pills .nav-link {
background: #fff;
border: 0;
margin: 0.125rem; }
.nav-tabs .nav-link.active,
.nav-tabs:not(.more-nav) .nav-link.active,
.nav-pills .nav-link.active {
color: #6e7377;
border-color: #6e7377;
border-color: #6e7377; }
.nav-tabs .nav-link.active:hover,
.nav-tabs:not(.more-nav) .nav-link.active:hover,
.nav-pills .nav-link.active:hover {
color: #fff;
background-color: #6e7377;
border-color: #6e7377; }
.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active.focus,
.nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active.focus {
box-shadow: 0 0 0 0.2rem rgba(110, 115, 119, 0.5); }
.nav-tabs .nav-link.active.disabled, .nav-tabs .nav-link.active:disabled,
.nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
.nav-pills .nav-link.active.disabled,
.nav-pills .nav-link.active:disabled {
color: #6e7377;
background-color: transparent; }
.nav-tabs .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-tabs .nav-link.active.dropdown-toggle,
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active,
.show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
.show >
@ -12115,8 +12115,8 @@ input[disabled] {
color: #fff;
background-color: #6e7377;
border-color: #6e7377; }
.nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-tabs .nav-link.active.dropdown-toggle:focus,
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show >