From c263beb6b446c2c2817fce90c12008695a0a57bc Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Mon, 15 Jun 2020 17:18:03 +0200 Subject: [PATCH] fix: important added --- client.sample.happy-dev.css | 48 ++++++++++++++-------------- src/styles/abstracts/_variables.scss | 4 +-- 2 files changed, 26 insertions(+), 26 deletions(-) diff --git a/client.sample.happy-dev.css b/client.sample.happy-dev.css index 786b931..0840970 100644 --- a/client.sample.happy-dev.css +++ b/client.sample.happy-dev.css @@ -112,30 +112,30 @@ --color-chat-grey-3: var(--color-grey-10); /* Directory */ - --color-directory-grey-4: #7A7F85; - --color-directory-grey-5: #F0F3F6; + --color-directory-grey-4: #7A7F85 !important; + --color-directory-grey-5: #F0F3F6 !important; - --color-directory-avatar-background: #E4E8ED; - --color-directory-back-link: #36383B; - --color-directory-border: #DAE2F3; - --color-directory-content-header-border: #DAE2F3; + --color-directory-avatar-background: #E4E8ED !important; + --color-directory-back-link: #36383B !important; + --color-directory-border: #DAE2F3 !important; + --color-directory-content-header-border: #DAE2F3 !important; --color-directory-h1: var(--color-complementary-darken); --color-directory-list-icon: var(--color-primary); --color-directory-text: var(--color-directory-grey-4); - --color-directory-send-border: var(--color-complementary); - --color-directory-list-icon: var(--color-primary); - --color-directory-counter-background: var(--color-directory-grey-5); - --color-directory-counter-border: #9BA0A7; - --color-directory-counter-text: #4A4A4A; + --color-directory-send-border: var(--color-complementary) !important; + --color-directory-list-icon: var(--color-primary) !important; + --color-directory-counter-background: var(--color-directory-grey-5) !important; + --color-directory-counter-border: #9BA0A7 !important; + --color-directory-counter-text: #4A4A4A !important; - --color-directory-paginate: #36383B; - --color-directory-paginate-disabled: #9BA0A7; + --color-directory-paginate: #36383B !important; + --color-directory-paginate-disabled: #9BA0A7 !important; - --color-directory-form-input: #EDF1FA; - --color-directory-form-input-text: var(--color-directory-grey-4); - --color-directory-form-input-active: var(--color-complementary); - --color-directory-form-select-icon: var(--color-complementary); + --color-directory-form-input: #EDF1FA !important; + --color-directory-form-input-text: var(--color-directory-grey-4) !important; + --color-directory-form-input-active: var(--color-complementary) !important; + --color-directory-form-select-icon: var(--color-complementary) !important; } /* Button to edit a channel or a project (in project-profile) */ @@ -215,17 +215,17 @@ #member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered, button#sib-picture-browse.button.button-primary, button#sib-picture-remove.button.button-primary { - border: 1px solid var(--color-directory-complementary); + border: 1px solid var(--color-directory-complementary) !important; } #member-profile sib-action.button.button-primary>sib-link, button#sib-picture-browse.button.button-primary, button#sib-picture-remove.button.button-primary { - color: var(--color-directory-complementary); + color: var(--color-directory-complementary) !important; } #member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered>sib-link::before { - background-color: var(--color-directory-complementary); + background-color: var(--color-directory-complementary) !important; } /* Hover */ @@ -233,10 +233,10 @@ button#sib-picture-remove.button.button-primary { #member-profile sib-action.button.button-primary:hover>sib-link, button#sib-picture-browse.button.button-primary:hover, button#sib-picture-remove.button.button-primary:hover { - color: var(--color-directory-white); - background-color: var(--color-directory-complementary); + color: var(--color-directory-white) !important; + background-color: var(--color-directory-complementary) !important; } #member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered:hover>sib-link::before { - background-color: var(--color-directory-white); -} + background-color: var(--color-directory-white) !important; +} \ No newline at end of file diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss index 09c290a..93a91d4 100644 --- a/src/styles/abstracts/_variables.scss +++ b/src/styles/abstracts/_variables.scss @@ -124,11 +124,11 @@ --color-directory-complementary: var(--color-complementary)!important; --color-directory-complementary-darken: var(--color-complementary-darken)!important; --color-directory-white: var(--color-white)!important; - --color-directory-black: var(--color-black) !important; + --color-directory-black: var(--color-black)!important; } /* Variables for event */ $color-212-4-50: hsl(212.7,4.3%,50%); $color-0-0-22: hsl(0,0%,22.7%); $color-203-87-19: hsl(203, 87.8%, 19.2%); -$color-357-67-45: hsl(357,67.5%,45.9%); \ No newline at end of file +$color-357-67-45: hsl(357,67.5%,45.9%);