From 5efbe20d09cca3d6c118effc8f75bf138990888d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaroslav=20Roj=C3=ADk?= <76529048+Dakotys@users.noreply.github.com> Date: Thu, 2 May 2024 16:25:55 +0200 Subject: [PATCH 1/2] Update _shared.scss --- labs/navigationdrawer/internal/_shared.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/labs/navigationdrawer/internal/_shared.scss b/labs/navigationdrawer/internal/_shared.scss index cedd73a4e4..4362744098 100644 --- a/labs/navigationdrawer/internal/_shared.scss +++ b/labs/navigationdrawer/internal/_shared.scss @@ -11,16 +11,16 @@ // go/keep-sorted end @mixin styles() { - .md3-navigation-drawer-modal { + .md3-navigation-drawer-modal, .md3-navigation-drawer { background-color: var(--_container-color); border-radius: var(--_container-shape); height: var(--_container-height); - &.md3-navigation-drawer-modal--opened { + &.md3-navigation-drawer-modal--opened, .md3-navigation-drawer--opened { inline-size: var(--_container-width); } - .md3-navigation-drawer-modal__slot-content { + .md3-navigation-drawer-modal__slot-content, .md3-navigation-drawer__slot-content { min-inline-size: var(--_container-width); max-inline-size: var(--_container-width); } From c377bf1d4115db293137d74d8ae0af213e9bb109 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jaroslav=20Roj=C3=ADk?= <76529048+Dakotys@users.noreply.github.com> Date: Thu, 2 May 2024 19:23:24 +0200 Subject: [PATCH 2/2] Update _shared.scss --- labs/navigationdrawer/internal/_shared.scss | 22 ++++++++++----------- 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/labs/navigationdrawer/internal/_shared.scss b/labs/navigationdrawer/internal/_shared.scss index 4362744098..1174620579 100644 --- a/labs/navigationdrawer/internal/_shared.scss +++ b/labs/navigationdrawer/internal/_shared.scss @@ -12,17 +12,15 @@ @mixin styles() { .md3-navigation-drawer-modal, .md3-navigation-drawer { - background-color: var(--_container-color); - border-radius: var(--_container-shape); - height: var(--_container-height); - - &.md3-navigation-drawer-modal--opened, .md3-navigation-drawer--opened { - inline-size: var(--_container-width); - } - - .md3-navigation-drawer-modal__slot-content, .md3-navigation-drawer__slot-content { - min-inline-size: var(--_container-width); - max-inline-size: var(--_container-width); - } + background-color: var(--_container-color); + border-radius: var(--_container-shape); + height: var(--_container-height); + } + .md3-navigation-drawer-modal.md3-navigation-drawer-modal--opened, .md3-navigation-drawer.md3-navigation-drawer--opened { + inline-size: var(--_container-width); + } + .md3-navigation-drawer-modal .md3-navigation-drawer-modal__slot-content, .md3-navigation-drawer .md3-navigation-drawer__slot-content { + min-inline-size: var(--_container-width); + max-inline-size: var(--_container-width); } }