-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Replaced ambientimpact_base Gin core Navigation dark mode with patch:
See https://www.drupal.org/project/gin/issues/3488177 - Upgrading drupal/ambientimpact_base (7.x-dev 3a1232b => 7.x-dev 1b63b19)
- Loading branch information
1 parent
a2833a9
commit 5d3561d
Showing
3 changed files
with
59 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
51 changes: 51 additions & 0 deletions
51
patches/drupal/gin/3488177-core-navigation-dark-mode-top-bar.patch
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
diff --git a/dist/css/layout/core_navigation.css b/dist/css/layout/core_navigation.css | ||
index 1fa8c48e..6e32aca6 100644 | ||
--- a/dist/css/layout/core_navigation.css | ||
+++ b/dist/css/layout/core_navigation.css | ||
@@ -38,7 +38,7 @@ body.gin--core-navigation { | ||
} | ||
} | ||
|
||
-.admin-toolbar { | ||
+[data-drupal-admin-styles] { | ||
--admin-toolbar-font-family: var(--gin-font); | ||
--admin-toolbar-color-white: var(--gin-bg-layer); | ||
--admin-toolbar-color-gray-050: var(--gin-bg-layer2); | ||
@@ -54,6 +54,10 @@ body.gin--core-navigation { | ||
inset-block-start: 0; | ||
} | ||
|
||
+.gin--core-navigation .admin-toolbar-control-bar { | ||
+ background-color: var(--admin-toolbar-color-white); | ||
+} | ||
+ | ||
.gin--core-navigation .gin-secondary-toolbar:not(.gin-secondary-toolbar--frontend) { | ||
margin-block-end: var(--gin-spacing-xxs); | ||
} | ||
diff --git a/styles/layout/core_navigation.scss b/styles/layout/core_navigation.scss | ||
index 09c88872..6099edc5 100644 | ||
--- a/styles/layout/core_navigation.scss | ||
+++ b/styles/layout/core_navigation.scss | ||
@@ -40,7 +40,8 @@ body.gin--core-navigation { | ||
} | ||
} | ||
|
||
-.admin-toolbar { | ||
+// This applies to both the sidebar and the control bar on small screens. | ||
+[data-drupal-admin-styles] { | ||
--admin-toolbar-font-family: var(--gin-font); | ||
--admin-toolbar-color-white: var(--gin-bg-layer); | ||
--admin-toolbar-color-gray-050: var(--gin-bg-layer2); | ||
@@ -60,6 +61,12 @@ body.gin--core-navigation { | ||
inset-block-start: 0; | ||
} | ||
|
||
+// Core currently hard codes this as 'white' rather than a custom property, so | ||
+// we need to fix that to correctly apply dark colours. | ||
+.gin--core-navigation .admin-toolbar-control-bar { | ||
+ background-color: var(--admin-toolbar-color-white); | ||
+} | ||
+ | ||
.gin--core-navigation .gin-secondary-toolbar:not(.gin-secondary-toolbar--frontend) { | ||
margin-block-end: var(--gin-spacing-xxs); | ||
} |