From aaeaf0cbd3f0739e9c07eda318cd32e5cb53d065 Mon Sep 17 00:00:00 2001
From: Sudarshan Sreeram <sudarshan.sreeram19@imperial.ac.uk>
Date: Tue, 11 Aug 2020 19:06:12 +0530
Subject: [PATCH] Remove text from section header buttons
---
.../pages/ModuleResources/index.tsx | 35 +++----------------
.../pages/ModuleResources/style.module.scss | 5 ++-
2 files changed, 7 insertions(+), 33 deletions(-)
diff --git a/frontend/src/components/pages/ModuleResources/index.tsx b/frontend/src/components/pages/ModuleResources/index.tsx
index 543576d65..00c8b8a22 100644
--- a/frontend/src/components/pages/ModuleResources/index.tsx
+++ b/frontend/src/components/pages/ModuleResources/index.tsx
@@ -22,6 +22,7 @@ import {
faDownload,
faCheckSquare
} from "@fortawesome/free-solid-svg-icons";
+import { faSquare } from "@fortawesome/free-regular-svg-icons";
const ModuleResources: React.FC = () => {
return (
@@ -44,23 +45,10 @@ const ModuleResources: React.FC = () => {
<span className={styles.sectionHeader}>Quick Access</span>
<div className={styles.sectionHeaderButtonGroup}>
<Button className={styles.sectionHeaderButton}>
- Download
<FontAwesomeIcon className={styles.buttonIcon} icon={faDownload} />
</Button>
- <Button className={styles.sectionHeaderButton}>
- <span
- style={{
- display: "flex",
- justifyContent: "space-between",
- alignItems: "center"
- }}
- >
- Select All
- <Form.Check
- className={styles.buttonCheckbox}
- aria-label="option 1"
- />
- </span>
+ <Button className={styles.sectionHeaderButton}>
+ <FontAwesomeIcon className={styles.buttonIcon} icon={faSquare} />
</Button>
</div>
</div>
@@ -117,23 +105,10 @@ const ModuleResources: React.FC = () => {
<span className={styles.sectionHeader}>Folders</span>
<div className={styles.sectionHeaderButtonGroup}>
<Button className={styles.sectionHeaderButton}>
- Download
<FontAwesomeIcon className={styles.buttonIcon} icon={faDownload} />
</Button>
- <Button className={styles.sectionHeaderButton}>
- <span
- style={{
- display: "flex",
- justifyContent: "space-between",
- alignItems: "center"
- }}
- >
- Select All
- <Form.Check
- className={styles.buttonCheckbox}
- aria-label="option 1"
- />
- </span>
+ <Button className={styles.sectionHeaderButton}>
+ <FontAwesomeIcon className={styles.buttonIcon} icon={faCheckSquare} />
</Button>
</div>
</div>
diff --git a/frontend/src/components/pages/ModuleResources/style.module.scss b/frontend/src/components/pages/ModuleResources/style.module.scss
index cc855b53e..213149bd9 100644
--- a/frontend/src/components/pages/ModuleResources/style.module.scss
+++ b/frontend/src/components/pages/ModuleResources/style.module.scss
@@ -72,7 +72,7 @@
}
.sectionHeaderButton {
- background: $gray-100;
+ background: $white;
color: #000;
border-width: 0px;
border-radius: 8px;
@@ -84,11 +84,10 @@
-webkit-transition: 0.2s background;
-moz-transition: 0.2s background;
font-size: 1.05rem;
- width: 180px;
+ width: 40px;
}
.buttonIcon {
- float: right;
margin-top: 0.22rem;
}
--
GitLab