mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-27 11:23:06 +02:00
Code Issues Projects Releases Wiki Activity

MDL-75214 theme_boost: secondary nav bar styling updates

Browse Source 
This commit removes the top border of the secondary nav bar and makes
its bottom border full-width.
This commit is contained in:
Shamim Rezaie 2022-07-14 11:35:19 +10:00
parent a23f0bff3e
commit b853f04227
4 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
theme/boost/scss/moodle/admin.scss
View File

@ -250,14 +250,14 @@
.path-admin, .path-admin,
.format-site { .format-site {
.header-maxwidth, .header-maxwidth,
.secondary-navigation { .secondary-navigation .navigation .nav-tabs {
max-width: none; max-width: none;
} }
} }
.path-admin.path-admin-roles:not(.format-site), .path-admin.path-admin-roles:not(.format-site),
.path-admin.path-admin-tool-lp { .path-admin.path-admin-tool-lp {
.header-maxwidth, .header-maxwidth,
.secondary-navigation { .secondary-navigation .navigation .nav-tabs {
max-width: $course-content-maxwidth; max-width: $course-content-maxwidth;
} }
} }

12
theme/boost/scss/moodle/secondarynavigation.scss
View File

@ -1,14 +1,14 @@
.secondary-navigation { .secondary-navigation {
max-width: $course-content-maxwidth;
margin: 0 auto;
padding-bottom: 15px; padding-bottom: 15px;
.navigation { .navigation {
border-top: 1px solid $nav-tabs-border-color;
border-bottom: 1px solid $nav-tabs-border-color; border-bottom: 1px solid $nav-tabs-border-color;
height: calc(#{$moremenu-height} + 2px);
background-color: $body-bg; background-color: $body-bg;
margin: 0 -0.5rem;
padding: 0 0.5rem;
.nav-tabs { .nav-tabs {
border: none; border: none;
max-width: $course-content-maxwidth;
margin: 0 auto;
.nav-link { .nav-link {
border-radius: initial; border-radius: initial;
} }
@ -17,7 +17,7 @@
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
.secondary-navigation { .secondary-navigation .navigation {
padding: 0 15px 15px; padding: 0 calc(0.5rem + 15px);
} }
} }

24
theme/boost/style/moodle.css
View File

@ -12630,15 +12630,15 @@ body.dragging .dragging {
margin: 0; } margin: 0; }
.path-admin .header-maxwidth, .path-admin .header-maxwidth,
.path-admin .secondary-navigation, .path-admin .secondary-navigation .navigation .nav-tabs,
.format-site .header-maxwidth, .format-site .header-maxwidth,
.format-site .secondary-navigation { .format-site .secondary-navigation .navigation .nav-tabs {
max-width: none; } max-width: none; }
.path-admin.path-admin-roles:not(.format-site) .header-maxwidth, .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
.path-admin.path-admin-roles:not(.format-site) .secondary-navigation, .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
.path-admin.path-admin-tool-lp .header-maxwidth, .path-admin.path-admin-tool-lp .header-maxwidth,
.path-admin.path-admin-tool-lp .secondary-navigation { .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
max-width: 830px; } max-width: 830px; }
.plugincheckwrapper { .plugincheckwrapper {
@ -21677,22 +21677,22 @@ div.editor_atto_toolbar button .icon {
border-right: 0; } border-right: 0; }
.secondary-navigation { .secondary-navigation {
max-width: 830px;
margin: 0 auto;
padding-bottom: 15px; } padding-bottom: 15px; }
.secondary-navigation .navigation { .secondary-navigation .navigation {
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
height: calc(60px + 2px); background-color: #fff;
background-color: #fff; } margin: 0 -0.5rem;
padding: 0 0.5rem; }
.secondary-navigation .navigation .nav-tabs { .secondary-navigation .navigation .nav-tabs {
border: none; } border: none;
max-width: 830px;
margin: 0 auto; }
.secondary-navigation .navigation .nav-tabs .nav-link { .secondary-navigation .navigation .nav-tabs .nav-link {
border-radius: initial; } border-radius: initial; }
@media (min-width: 768px) { @media (min-width: 768px) {
.secondary-navigation { .secondary-navigation .navigation {
padding: 0 15px 15px; } } padding: 0 calc(0.5rem + 15px); } }
.tertiary-navigation { .tertiary-navigation {
padding-top: 10px; } padding-top: 10px; }

24
theme/classic/style/moodle.css
View File

@ -12630,15 +12630,15 @@ body.dragging .dragging {
margin: 0; } margin: 0; }
.path-admin .header-maxwidth, .path-admin .header-maxwidth,
.path-admin .secondary-navigation, .path-admin .secondary-navigation .navigation .nav-tabs,
.format-site .header-maxwidth, .format-site .header-maxwidth,
.format-site .secondary-navigation { .format-site .secondary-navigation .navigation .nav-tabs {
max-width: none; } max-width: none; }
.path-admin.path-admin-roles:not(.format-site) .header-maxwidth, .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
.path-admin.path-admin-roles:not(.format-site) .secondary-navigation, .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
.path-admin.path-admin-tool-lp .header-maxwidth, .path-admin.path-admin-tool-lp .header-maxwidth,
.path-admin.path-admin-tool-lp .secondary-navigation { .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
max-width: 830px; } max-width: 830px; }
.plugincheckwrapper { .plugincheckwrapper {
@ -21623,22 +21623,22 @@ div.editor_atto_toolbar button .icon {
border-right: 0; } border-right: 0; }
.secondary-navigation { .secondary-navigation {
max-width: 830px;
margin: 0 auto;
padding-bottom: 15px; } padding-bottom: 15px; }
.secondary-navigation .navigation { .secondary-navigation .navigation {
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
height: calc(50px + 2px); background-color: #fff;
background-color: #fff; } margin: 0 -0.5rem;
padding: 0 0.5rem; }
.secondary-navigation .navigation .nav-tabs { .secondary-navigation .navigation .nav-tabs {
border: none; } border: none;
max-width: 830px;
margin: 0 auto; }
.secondary-navigation .navigation .nav-tabs .nav-link { .secondary-navigation .navigation .nav-tabs .nav-link {
border-radius: initial; } border-radius: initial; }
@media (min-width: 768px) { @media (min-width: 768px) {
.secondary-navigation { .secondary-navigation .navigation {
padding: 0 15px 15px; } } padding: 0 calc(0.5rem + 15px); } }
.tertiary-navigation { .tertiary-navigation {
padding-top: 10px; } padding-top: 10px; }