From 8da51ec9fa61e605c8401a4ba86cc189a83f5312 Mon Sep 17 00:00:00 2001
From: Marjolaine Le Bon <marjolaine@happy-dev.fr>
Date: Thu, 9 Jul 2020 17:51:54 +0200
Subject: [PATCH] update: etuc design + component design
---
client.sample.etuc.scss | 13 ++----
src/styles/layout/events/events.scss | 23 ++++++----
src/styles/layout/resources/resources.scss | 53 +++++++++++++++++++++-
3 files changed, 71 insertions(+), 18 deletions(-)
diff --git a/client.sample.etuc.scss b/client.sample.etuc.scss
index 7ad979ce..55c2e643 100644
--- a/client.sample.etuc.scss
+++ b/client.sample.etuc.scss
@@ -144,7 +144,7 @@
#viewport .content-box {
font-family: Facit;
}
-#viewport #circle .content-box__header sib-display div {
+#viewport #circle .content-box__header solid-display div {
display: flex;
flex-direction: column;
text-align: center;
@@ -154,16 +154,13 @@
font-size: 3.2rem;
color: var(--color-primary);
}
-#viewport #circle .content-box__header sib-display div .h1-aside {
- font-family: Facit;
+#viewport #circle .content-box__header solid-display div .h1-aside {
+
margin: 10px 0;
}
-#viewport #circle .content-box__header sib-display div .h1-aside:not(:empty)::before {
+#viewport #circle .content-box__header solid-display div .h1-aside:not(:empty)::before {
content: none;
}
-#viewport .with-sidebar nav > sib-router > ul > sib-route[active] {
- color: var(--color-right-menu-active-text);
-}
-#viewport .with-sidebar nav > sib-router {
+#viewport .with-sidebar nav > solid-router {
color: #3C3F57;
}
\ No newline at end of file
diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss
index 309dcf43..e8acab88 100644
--- a/src/styles/layout/events/events.scss
+++ b/src/styles/layout/events/events.scss
@@ -6,10 +6,10 @@
sib-event {
.red-button,
.event-type {
- background-color: $color-357-67-45;
+ background-color: #C4262E;
}
.black-button {
- background-color: $color-0-0-22;
+ background-color: #3A3A3A;
margin-left: 10%;
}
.event-type,
@@ -18,12 +18,12 @@
}
#listevents [name="name"],
solid-display-link-event .mdi::before {
- color: $color-357-67-45;
+ color: #C4262E;
}
.event-place-name,
.nextevent-startdate,
solid-display-link-event {
- color: $color-0-0-22;
+ color: #3A3A3A;
}
.sib-event {
font-family: "Facit";
@@ -32,7 +32,7 @@
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
- color: $color-203-87-19;
+ color: #063B5C;
}
}
#listevents {
@@ -41,7 +41,7 @@
width: max-content;
height: max-content;
padding: 5px 20px;
- color: $color-203-87-19;
+ color: #063B5C;
}
solid-form solid-form-dropdown{
label div {
@@ -51,7 +51,7 @@
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.4rem;
line-height: 29px;
- color: $color-203-87-19;
+ color: #063B5C;
top: -40px;
content: "Research an event";
}
@@ -61,7 +61,7 @@
font-size: 2.2rem;
line-height: 2.6rem;
letter-spacing: 0.32px;
- color: $color-203-87-19;
+ color: #063B5C;
padding: 5px;
max-width: 250px;
margin: 5px auto;
@@ -81,7 +81,7 @@
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
- color: $color-203-87-19;
+ color: #063B5C;
}
solid-display div .event-type {
width: max-content;
@@ -102,4 +102,9 @@
padding: 5px 20px;
}
}
+ @media (max-width: 991px) {
+ #listevents {
+ margin-top: 65px;
+ }
+ }
}
\ No newline at end of file
diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss
index 9994a916..cf03c164 100644
--- a/src/styles/layout/resources/resources.scss
+++ b/src/styles/layout/resources/resources.scss
@@ -2,5 +2,56 @@
width: 100%;
font-family: "Facit";
font-weight: 400;
- color: $color-0-0-22;
+ color: #3A3A3A;
+ sib-resource {
+ background-color: #F0F3F6;
+ .sib-resource {
+ font-family: "Facit";
+ .red-button {
+ background-color: #C4262E;
+ }
+ .black-button {
+ background-color: #3A3A3A;
+ margin-left: 10%;
+ }
+ .lnk-newresource {
+ margin-top: 30px;
+ margin-right: 70px;
+ }
+ .resources sib-form::before {
+ font-family: "RefrigeratorDelxW01Bold";
+ }
+ #listresources {
+ .lnk-newkeyword .button {
+ font-size: 1.2rem;
+ width: max-content;
+ height: max-content;
+ padding: 10px 30px;
+ color: #063B5C;
+ }
+ sib-display sib-display {
+ [name="name"] {
+ font-family: "RefrigeratorDelxW01Bold";
+ }
+ [name="link"] a {
+ padding-left: 35px;
+ position: relative;
+ &::before {
+ position: absolute;
+ left: 0;
+ }
+ }
+ }
+ }
+ .resource-tag {
+ font-family: Facilt;
+ font-weight: 600;
+ }
+ }
+ }
+ @media (max-width: 991px) {
+ .sib-resource {
+ margin-top: 65px;
+ }
+ }
}
\ No newline at end of file
--
GitLab