From 87c79d5d50f6429969a734e4282fdeca5dc7b34d Mon Sep 17 00:00:00 2001
From: Sudarshan Sreeram <sudarshan.sreeram19@imperial.ac.uk>
Date: Thu, 27 Aug 2020 18:56:29 +0530
Subject: [PATCH] Fix margin bottom issue with breadcrumb
---
src/components/atoms/MyBreadcrumbs/style.module.scss | 1 +
src/components/molecules/SearchBox/style.module.scss | 2 --
src/components/pages/ModuleProgress/index.tsx | 3 +--
3 files changed, 2 insertions(+), 4 deletions(-)
diff --git a/src/components/atoms/MyBreadcrumbs/style.module.scss b/src/components/atoms/MyBreadcrumbs/style.module.scss
index be2bc0302..eb64290fb 100644
--- a/src/components/atoms/MyBreadcrumbs/style.module.scss
+++ b/src/components/atoms/MyBreadcrumbs/style.module.scss
@@ -6,6 +6,7 @@
text-transform: uppercase;
font-weight: 500;
padding: 0rem;
+ margin-bottom: 1.875rem;
}
.breadcrumbItem * {
diff --git a/src/components/molecules/SearchBox/style.module.scss b/src/components/molecules/SearchBox/style.module.scss
index 9797c89eb..eaf51fefc 100644
--- a/src/components/molecules/SearchBox/style.module.scss
+++ b/src/components/molecules/SearchBox/style.module.scss
@@ -10,7 +10,6 @@ $button-border: transparentize($gray-300, 1);
transition: 0.2s background-color;
-webkit-transition: 0.2s background-color;
-moz-transition: 0.2s back-ground-color;
- margin-top: 0.875rem;
}
.searchBar::placeholder {
@@ -42,7 +41,6 @@ $button-border: transparentize($gray-300, 1);
transition: 0.2s background-color !important;
-webkit-transition: 0.2s background-color !important;
-moz-transition: 0.2s back-ground-color !important;
- margin-top: 0.875rem;
}
.searchBarIcon:global(.active),
diff --git a/src/components/pages/ModuleProgress/index.tsx b/src/components/pages/ModuleProgress/index.tsx
index feb3157f4..0def65bb6 100644
--- a/src/components/pages/ModuleProgress/index.tsx
+++ b/src/components/pages/ModuleProgress/index.tsx
@@ -19,7 +19,6 @@ const ModuleProgress: React.FC = () => {
return (
<>
<MyBreadcrumbs />
- <h3>Progress</h3>
<ProgressBar
now={50}
@@ -51,4 +50,4 @@ const ModuleProgress: React.FC = () => {
);
};
-export default ModuleProgress;
\ No newline at end of file
+export default ModuleProgress;
--
GitLab