sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 765: #2019 Updated Filter Color Scheme for Customer Section

Browse Source 
#2019 Updated Filter Color Scheme for Customer Section
This commit is contained in:
Nino Righi
2021-07-27 07:13:00 +00:00
committed by Lorenz Hilpert
parent 1dbce8ffd8
commit a7b9dce96c
3 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/ui/filter/src/lib/next/filter-group/filter-filter-group-filter/filter-filter-group-filter.component.scss
View File

@@ -15,7 +15,7 @@ ui-icon {
}
.has-options {
@apply text-white bg-cool-grey;
@apply text-white bg-active-customer;
ui-icon {
@apply text-white;
@@ -46,3 +46,9 @@ ui-icon {
::ng-deep ui-filter-filter-group-filter .remove-rounded-top-left .input-options-wrapper {
@apply rounded-tl-none;
}
::ng-deep .branch ui-filter-input-options {
.has-options {
@apply bg-cool-grey;
}
}

18
apps/ui/filter/src/lib/next/shared/filter-input-options/filter-input-options.component.scss
View File

@@ -19,7 +19,7 @@
@apply grid grid-flow-col justify-end items-center mb-2;
button {
@apply bg-transparent p-4 text-base outline-none border-none font-semibold text-cool-grey;
@apply bg-transparent p-4 text-base outline-none border-none font-semibold text-inactive-customer;
}
&.header-shadow {
@@ -36,7 +36,7 @@
}
.cta-scroll {
@apply absolute bottom-4 right-4 shadow-cta border-none outline-none bg-white w-10 h-10 rounded-full grid items-center justify-center text-cool-grey;
@apply absolute bottom-4 right-4 shadow-cta border-none outline-none bg-white w-10 h-10 rounded-full grid items-center justify-center text-active-customer;
ui-icon {
@apply transition-transform transform rotate-90;
@@ -46,3 +46,17 @@
@apply -rotate-90;
}
}
::ng-deep .branch ui-filter-input-options {
.cta-scroll {
@apply text-cool-grey;
}
}
::ng-deep .branch ui-filter-input-options {
.input-options-header {
button {
@apply text-cool-grey;
}
}
}

12
apps/ui/switch/src/lib/ui-switch.component.scss
View File

@@ -3,7 +3,7 @@
}
.ui-switch-wrapper {
@apply flex flex-row items-center border-2 border-solid border-ucla-blue rounded-full;
@apply flex flex-row items-center border-2 border-solid border-active-customer rounded-full;
}
.ui-switch-btn {
@@ -15,7 +15,7 @@
}
.ui-switch-unset .ui-switch-btn-unset {
@apply border-2 border-solid border-ucla-blue h-5;
@apply border-2 border-solid border-active-customer h-5;
}
.ui-switch-btn-on {
@@ -23,7 +23,7 @@
}
.ui-switch-on .ui-switch-btn-on {
@apply text-white bg-ucla-blue;
@apply text-white bg-active-customer;
}
.ui-switch-btn-off {
@@ -31,10 +31,14 @@
}
.ui-switch-off .ui-switch-btn-off {
@apply text-white bg-ucla-blue;
@apply text-white bg-active-customer;
}
::ng-deep .branch ui-switch {
.ui-switch-wrapper {
@apply border-ucla-blue;
}
.ui-switch-unset .ui-switch-btn-unset {
@apply border-cool-grey;
}