From e952837ef04329a3b11f5b8273d6594d228b8141 Mon Sep 17 00:00:00 2001 From: bsatarnejad Date: Wed, 2 Mar 2022 15:58:18 +0100 Subject: [PATCH] set background of icons --- .../wp-single-card.component.sass | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/frontend/src/app/features/work-packages/components/wp-card-view/wp-single-card/wp-single-card.component.sass b/frontend/src/app/features/work-packages/components/wp-card-view/wp-single-card/wp-single-card.component.sass index fd7c464110..a6222df616 100644 --- a/frontend/src/app/features/work-packages/components/wp-card-view/wp-single-card/wp-single-card.component.sass +++ b/frontend/src/app/features/work-packages/components/wp-card-view/wp-single-card/wp-single-card.component.sass @@ -16,26 +16,27 @@ &:hover .op-wp-single-card--inline-buttons opacity: 1 - - :not(&_closed):not(&_selected) - &:hover - .op-wp-single-card--card-actions - background-image: linear-gradient(to left, rgba(white,1), rgba(white,0)) + z-index: 2 + background-image: linear-gradient(to left, rgba(white,1), rgba(white,0)) &_new padding-right: 25px &_selected background-color: var(--table-row-highlighting-color) + op-icon + background: var(--table-row-highlighting-color) &:hover .op-wp-single-card--inline-buttons - background-image: linear-gradient(to left, rgba(var(--table-row-highlighting-color),1), rgba(var(--table-row-highlighting-color),0)) + background-image: linear-gradient(to left, rgba(#CCE6F7,1), rgba(#CCE6F7,0)) &_disabled opacity: 0.6 &_closed:not(&_selected) background-color: #F3F3F3 + op-icon + background: #F3F3F3 &:hover .op-wp-single-card--inline-buttons background-image: linear-gradient(to left, rgba(#F3F3F3,1), rgba(#F3F3F3,0)) @@ -146,10 +147,12 @@ .op-wp-single-card_checked & background-color: var(--table-row-highlighting-color) - + &--inline-buttons opacity: 0 padding-left: 40px + op-icon:not(&_selected) + background: white &.-show opacity: 1