From c88bb665dcc3b8db6132278dbbadc72b4a459e20 Mon Sep 17 00:00:00 2001
From: Wilson Chua <wwc4618@ic.ac.uk>
Date: Mon, 24 Aug 2020 22:59:04 +0800
Subject: [PATCH] Differentiate styling between selection header and category
header
---
src/assets/scss/global.scss | 1 -
src/components/molecules/CategoryHeader/style.module.scss | 4 ++++
.../SelectionView/components/SectionHeader/style.module.scss | 4 ++++
3 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/assets/scss/global.scss b/src/assets/scss/global.scss
index 575583219..6e58ca714 100644
--- a/src/assets/scss/global.scss
+++ b/src/assets/scss/global.scss
@@ -33,7 +33,6 @@ $teal-tag-background: transparentize($teal-100, 0.5);
.sectionHeader {
font-weight: 500;
font-size: 20px;
- text-transform: uppercase;
}
.sectionHeaderButton {
diff --git a/src/components/molecules/CategoryHeader/style.module.scss b/src/components/molecules/CategoryHeader/style.module.scss
index e2a1338b5..ae0eefa66 100644
--- a/src/components/molecules/CategoryHeader/style.module.scss
+++ b/src/components/molecules/CategoryHeader/style.module.scss
@@ -1,2 +1,6 @@
@import "assets/scss/custom";
@import "assets/scss/global";
+
+.sectionHeader {
+ text-transform: uppercase;
+}
diff --git a/src/components/molecules/SelectionView/components/SectionHeader/style.module.scss b/src/components/molecules/SelectionView/components/SectionHeader/style.module.scss
index 9fee92a78..b3f8e7dc8 100644
--- a/src/components/molecules/SelectionView/components/SectionHeader/style.module.scss
+++ b/src/components/molecules/SelectionView/components/SectionHeader/style.module.scss
@@ -1,6 +1,10 @@
@import "assets/scss/custom";
@import "assets/scss/global";
+.sectionHeader {
+ cursor: pointer;
+}
+
.alert-enter {
opacity: 0;
transform: scale(0.9);
--
GitLab