From 1a4fa273aeaa51a469372096c21829fba835ce9c Mon Sep 17 00:00:00 2001 From: bcgov-brwang Date: Tue, 24 Oct 2023 12:53:29 -0700 Subject: [PATCH 1/3] DBC22-1096: Updated site logo to desired --- src/frontend/src/Header.js | 2 +- src/frontend/src/images/dbc-logo.svg | 36 ++++++++++++++++++++++++++++ 2 files changed, 37 insertions(+), 1 deletion(-) create mode 100644 src/frontend/src/images/dbc-logo.svg diff --git a/src/frontend/src/Header.js b/src/frontend/src/Header.js index 4ee33ff14..97c5e461e 100644 --- a/src/frontend/src/Header.js +++ b/src/frontend/src/Header.js @@ -8,7 +8,7 @@ import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; // Static files -import logo from './images/BCID_H_rgb_pos.png'; +import logo from './images/dbc-logo.svg'; // Styling import './Header.scss'; diff --git a/src/frontend/src/images/dbc-logo.svg b/src/frontend/src/images/dbc-logo.svg new file mode 100644 index 000000000..eb5caf456 --- /dev/null +++ b/src/frontend/src/images/dbc-logo.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 57f6128d045a3870750740675e3afeecb4b47820 Mon Sep 17 00:00:00 2001 From: bcgov-brwang Date: Wed, 25 Oct 2023 09:06:19 -0700 Subject: [PATCH 2/3] DBC22-1096: Added styling for the logo and removed unused image Added styling for the logo and removed unused image --- src/frontend/src/Footer.js | 2 +- src/frontend/src/Header.scss | 7 ++++++- src/frontend/src/images/BCID_H_rgb_pos.png | Bin 16262 -> 0 bytes 3 files changed, 7 insertions(+), 2 deletions(-) delete mode 100644 src/frontend/src/images/BCID_H_rgb_pos.png diff --git a/src/frontend/src/Footer.js b/src/frontend/src/Footer.js index 2079bd5e4..c5ae9a74c 100644 --- a/src/frontend/src/Footer.js +++ b/src/frontend/src/Footer.js @@ -1,7 +1,7 @@ import React from 'react'; import './Footer.scss'; import Container from 'react-bootstrap/Container'; -import logo from './images/BCID_H_rgb_pos.png'; +import logo from './images/dbc-logo.svg'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import { faArrowUpRightFromSquare, diff --git a/src/frontend/src/Header.scss b/src/frontend/src/Header.scss index bd1d335c9..61ea17b5a 100644 --- a/src/frontend/src/Header.scss +++ b/src/frontend/src/Header.scss @@ -75,7 +75,12 @@ } .header-logo { - height: 50px; + width: 144px; + height: 37px; + position: absolute; + top: 6px; + left: 32px; + margin-right: 24px; } } diff --git a/src/frontend/src/images/BCID_H_rgb_pos.png b/src/frontend/src/images/BCID_H_rgb_pos.png deleted file mode 100644 index ebde8bbbdb5f6d1b0c7c670df357970b5b525794..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 16262 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 Bx&i Date: Fri, 27 Oct 2023 08:25:05 -0700 Subject: [PATCH 3/3] DBC22-1096: Fixed styling on mobile Fixed styling on mobile --- src/frontend/src/Header.scss | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/src/frontend/src/Header.scss b/src/frontend/src/Header.scss index 61ea17b5a..f46393d54 100644 --- a/src/frontend/src/Header.scss +++ b/src/frontend/src/Header.scss @@ -68,22 +68,38 @@ &-brand { padding: 0; - margin-left: 48px; + margin-left: 48px; - @media (min-width: 992px) { - margin-left: 0; + @media (min-width: 992px) { + margin-left: 0; } .header-logo { width: 144px; height: 37px; - position: absolute; top: 6px; left: 32px; margin-right: 24px; } } + &-brand { + padding: 0; + margin-left: 48px; + + @media (max-width: 992px) { + margin-left: 0; + } + + .header-logo { + width: 144px; + height: 37px; + top: 6px; + left: 32px; + margin-right: 24px; + } + } + .nav-divider { border: 1px solid $Divider; margin: 0.5rem;