moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-07 09:56:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-70202 theme_boost: remove accessibility changes for moremenu tabs

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

2
lib/templates/moremenu.mustache
View file

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

2
theme/boost/scss/moodle/core.scss
View file

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

22
theme/boost/style/moodle.css
View file

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

22
theme/classic/style/moodle.css
View file

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