From 995ad91d5cf07ed33777be48a637f794b3eb44a3 Mon Sep 17 00:00:00 2001 From: Paulo Vareiro Date: Wed, 18 Sep 2024 11:18:25 +0100 Subject: [PATCH] feat: update logo --- public/assets/odk-logo-dark.svg | 18 +++++++++++++++ public/assets/odk-logo.svg | 36 ++++++++++++++---------------- src/partials/base/b_footer.twig | 2 +- src/partials/base/b_header.twig | 9 +++++--- src/styles/base/_theme.scss | 10 +++++++-- src/styles/components/_footer.scss | 4 ++++ src/styles/components/_header.scss | 6 +++++ 7 files changed, 60 insertions(+), 25 deletions(-) create mode 100644 public/assets/odk-logo-dark.svg diff --git a/public/assets/odk-logo-dark.svg b/public/assets/odk-logo-dark.svg new file mode 100644 index 0000000..c76c467 --- /dev/null +++ b/public/assets/odk-logo-dark.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/assets/odk-logo.svg b/public/assets/odk-logo.svg index 071612f..5669984 100644 --- a/public/assets/odk-logo.svg +++ b/public/assets/odk-logo.svg @@ -1,20 +1,18 @@ - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + diff --git a/src/partials/base/b_footer.twig b/src/partials/base/b_footer.twig index 6bea92e..fbc81c2 100644 --- a/src/partials/base/b_footer.twig +++ b/src/partials/base/b_footer.twig @@ -8,7 +8,7 @@ class='nav-link d-flex align-items-center text-dark text-decoration-none' title='Startseite Offene Daten Köln' > - Offene Daten Köln + diff --git a/src/partials/base/b_header.twig b/src/partials/base/b_header.twig index 9ea61ea..bb9644a 100644 --- a/src/partials/base/b_header.twig +++ b/src/partials/base/b_header.twig @@ -3,10 +3,11 @@ - Offene Daten Köln + +
@@ -39,7 +40,9 @@
  • Anfragen
  • - Offene Daten Köln +
    + +
    diff --git a/src/styles/base/_theme.scss b/src/styles/base/_theme.scss index 8ef53b4..d1ed5d5 100644 --- a/src/styles/base/_theme.scss +++ b/src/styles/base/_theme.scss @@ -22,6 +22,12 @@ display: none; } -[data-bs-theme='dark'] .dark-mode-only { - display: initial; +[data-bs-theme='dark'] { + .light-mode-only { + display: none; + } + + .dark-mode-only { + display: initial; + } } diff --git a/src/styles/components/_footer.scss b/src/styles/components/_footer.scss index 542cb82..fb56216 100644 --- a/src/styles/components/_footer.scss +++ b/src/styles/components/_footer.scss @@ -7,6 +7,10 @@ color: var(--footer-color); background-color: var(--footer-background); + .logo { + height: 58px; + } + .nav { --nav-link-color: var(--footer-link-color); --nav-link-hover-color: var(--footer-link-hover-color); diff --git a/src/styles/components/_header.scss b/src/styles/components/_header.scss index 8539fd2..4ec5a86 100644 --- a/src/styles/components/_header.scss +++ b/src/styles/components/_header.scss @@ -6,6 +6,10 @@ background-color: var(--header-background); + .logo { + height: 42px; + } + .navbar { --navbar-color: var(--header-link-color); } @@ -50,6 +54,8 @@ .navbar-toggler { --navbar-toggler-border-color: var(--header-link-color); + align-self: stretch; + &:focus, &:focus-visible { box-shadow: var(--btn-focus-box-shadow);