diff --git a/composer.json b/composer.json index 61fa46b..889477c 100644 --- a/composer.json +++ b/composer.json @@ -1,7 +1,7 @@ { "name": "nhsla/moodle-nhse", "type": "moodle-theme", - "version": "2023052401", + "version": "2023052501", "require": { "composer/installers": "~1.0" }, diff --git a/scss/nhse.scss b/scss/nhse.scss index cdd4beb..72a72cf 100644 --- a/scss/nhse.scss +++ b/scss/nhse.scss @@ -11,6 +11,18 @@ $btn-secondary-text: $color_nhsuk-white; $btn-secondary-background: $color_nhsuk-dark-blue; $btn-secondary-border: $color_nhsuk-dark-blue; +/** + * Generic style tweaks + */ + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-weight: 600 +} + +/** + * Page and headings + */ + #page-wrapper { height: 100%; display: flex; @@ -25,13 +37,33 @@ $btn-secondary-border: $color_nhsuk-dark-blue; } } -body.limitedwidth #page.drawers .main-inner { - max-width: 960px; +body.limitedwidth { + #page.drawers .main-inner { + max-width: 960px; + } } + .header-maxwidth { max-width: 960px; } +@media (min-width: 768px) { + #page.drawers { + .main-inner { + padding: 1.5rem 1.5rem; + } + + div[role="main"] { + padding-left: 0; + padding-right: 0; + } + } + + .header-maxwidth { + padding-left: 0; + } +} + #page.drawers { margin-top: 0; .main-inner { @@ -63,7 +95,9 @@ body.limitedwidth #page.drawers .main-inner { } } -// Header navigation and tabs +/** + * Header navigation and tabs + */ .nhsuk-header__navigation-link { color: $color_nhsuk-white; @@ -82,7 +116,9 @@ body.limitedwidth #page.drawers .main-inner { } } -// Header navigation tabs only +/** + * Header navigation tabs only + */ .nav-tabs { .nhsuk-header__navigation-link { @@ -115,7 +151,9 @@ body.limitedwidth #page.drawers .main-inner { } } -// Header navigation light variation +/** + * Header navigation light variation + */ .nhsuk-header__light { background-color: $color_nhsuk-white; @@ -146,6 +184,10 @@ body.limitedwidth #page.drawers .main-inner { height: 2.0em; } +.navbar-expand .navbar-nav .nav-link { + padding-top: 15px; +} + .icon { font-size: 20px; width: 20px; @@ -154,10 +196,6 @@ body.limitedwidth #page.drawers .main-inner { padding-bottom:0; } -.navbar-expand .navbar-nav .nav-link { - padding-top: 15px; -} - .popover-region-header-container { height: 50px; padding-top: 10px; @@ -175,6 +213,10 @@ body.limitedwidth #page.drawers .main-inner { } } +.nav { + margin-left: 0; +} + .navbar { color: $btn-primary-text; background-color: $btn-primary-background; @@ -348,18 +390,22 @@ body.limitedwidth #page.drawers .main-inner { } } -.btn-primary { - color: $btn-primary-text; - background-color: $btn-primary-background; - border-color: $btn-primary-border; - border-radius: 0; +/** + * Button styles + */ - &:hover { - background-color: $btn-secondary-background; - border-color: $btn-secondary-border; - } +.btn-primary:not(.search-icon), +.btn-secondary:not(.search-icon) { + @extend .nhsuk-button; +} + +.btn-secondary:not(.search-icon) { + @extend .nhsuk-button--secondary; } +/** + * Cards and drawers + */ .card { border: none; border-radius: 0; @@ -485,3 +531,24 @@ body.limitedwidth #page.drawers .main-inner { } } } + +.nhsuk-list--number, ol { + padding-left: 32px; +} + +/** + * Calendar styles + */ + +.maincalendar { + .calendarmonth { + td { + .day-number-circle { + .day-number { + padding: 50% 0; + } + } + } + } +} + diff --git a/templates/core/full_header.mustache b/templates/core/full_header.mustache index 5ce6632..69a5bd4 100644 --- a/templates/core/full_header.mustache +++ b/templates/core/full_header.mustache @@ -34,7 +34,7 @@