From 3a3fe85f704ea5033a4a2c5ea680e90f3e3fdf78 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Tue, 22 Dec 2020 11:51:14 +0200
Subject: [PATCH] fixes for degree programme, text 2 column, and video
---
src/components/hy-list-item/hy-list-item.scss | 6 +++---
src/components/hy-video/hy-video.scss | 1 -
src/components/hy-video/hy-video.tsx | 4 +---
src/components/hy-video/readme.md | 3 ---
src/components/paragraph-text/readme.md | 5 -----
5 files changed, 4 insertions(+), 15 deletions(-)
diff --git a/src/components/hy-list-item/hy-list-item.scss b/src/components/hy-list-item/hy-list-item.scss
index f1481888..4165324a 100644
--- a/src/components/hy-list-item/hy-list-item.scss
+++ b/src/components/hy-list-item/hy-list-item.scss
@@ -123,7 +123,7 @@
color: var(--grayscale-black);
left: -4px;
letter-spacing: -0.07px;
- padding: 8px 5px;
+ padding: 5px 8px;
position: absolute;
top: 16px;
text-transform: uppercase;
@@ -249,14 +249,13 @@
height: 14px;
width: 14px;
border: 3px solid #ffffff;
- border-radius: 4px;
+ border-radius: 50%;
background-color: #f9a21a;
left: -7px;
position: absolute;
@include breakpoint($narrow) {
border: none;
- border-radius: 4px;
height: 8px;
margin-right: 6px;
width: 8px;
@@ -390,6 +389,7 @@
letter-spacing: -0.2px;
height: 100%;
padding: 8px 0;
+ text-align: left;
width: 100%;
@include breakpoint($narrow) {
diff --git a/src/components/hy-video/hy-video.scss b/src/components/hy-video/hy-video.scss
index 8368cefa..927d02e0 100644
--- a/src/components/hy-video/hy-video.scss
+++ b/src/components/hy-video/hy-video.scss
@@ -236,7 +236,6 @@
display: block;
font-family: var(--main-font-family);
letter-spacing: 0;
- margin-bottom: 16px;
width: 100%;
@include breakpoint($narrow) {
diff --git a/src/components/hy-video/hy-video.tsx b/src/components/hy-video/hy-video.tsx
index 32593a0f..702809a6 100644
--- a/src/components/hy-video/hy-video.tsx
+++ b/src/components/hy-video/hy-video.tsx
@@ -121,9 +121,7 @@ export class HyVideo {
)}
</div>
)}
- {this.videoDescription && (
- <hy-paragraph-text class="hy-video__meta__description">{this.videoDescription}</hy-paragraph-text>
- )}
+ {this.videoDescription && <div class="hy-video__meta__description">{this.videoDescription}</div>}
</div>
</div>,
<hy-box mb="1.75, 1.75, 2, 2.5" />,
diff --git a/src/components/hy-video/readme.md b/src/components/hy-video/readme.md
index bfa0fb2f..1c177edf 100644
--- a/src/components/hy-video/readme.md
+++ b/src/components/hy-video/readme.md
@@ -29,7 +29,6 @@
- [hy-icon](../icon)
- [hy-heading](../heading)
-- [hy-paragraph-text](../paragraph-text)
- [hy-box](../hy-box)
### Graph
@@ -38,10 +37,8 @@
graph TD;
hy-video --> hy-icon
hy-video --> hy-heading
- hy-video --> hy-paragraph-text
hy-video --> hy-box
hy-heading --> hy-box
- hy-paragraph-text --> hy-box
style hy-video fill:#f9f,stroke:#333,stroke-width:4px
```
diff --git a/src/components/paragraph-text/readme.md b/src/components/paragraph-text/readme.md
index c2f38910..1195f6c5 100644
--- a/src/components/paragraph-text/readme.md
+++ b/src/components/paragraph-text/readme.md
@@ -39,10 +39,6 @@ Basic text paragraph.
## Dependencies
-### Used by
-
-- [hy-video](../hy-video)
-
### Depends on
- [hy-box](../hy-box)
@@ -52,7 +48,6 @@ Basic text paragraph.
```mermaid
graph TD;
hy-paragraph-text --> hy-box
- hy-video --> hy-paragraph-text
style hy-paragraph-text fill:#f9f,stroke:#333,stroke-width:4px
```
--
GitLab