From f5f75058c4c9a237c09e2dc9cfca53aeac0d510f Mon Sep 17 00:00:00 2001 From: "Hartung, Michael" <michael.hartung@uni-hamburg.de> Date: Fri, 30 Sep 2022 18:49:38 +0200 Subject: [PATCH] algorithm button coloring --- .../launch-analysis.component.html | 2 +- .../launch-analysis.component.scss | 4 ---- .../launch-analysis.component.ts | 1 - src/stylesheets/theme-styles.scss | 21 ++++++++++++------- 4 files changed, 15 insertions(+), 13 deletions(-) diff --git a/src/app/dialogs/launch-analysis/launch-analysis.component.html b/src/app/dialogs/launch-analysis/launch-analysis.component.html index e683e9bd..728696d6 100644 --- a/src/app/dialogs/launch-analysis/launch-analysis.component.html +++ b/src/app/dialogs/launch-analysis/launch-analysis.component.html @@ -27,7 +27,7 @@ <div [class.is-active]="algorithm === algo.slug" *ngFor="let algo of algorithms" - class="is-fullwidth" + class="is-fullwidth algorithm-button" > <a (click)="algorithm = algo.slug" class="is-boxed is-medium"> {{ algo.name }} diff --git a/src/app/dialogs/launch-analysis/launch-analysis.component.scss b/src/app/dialogs/launch-analysis/launch-analysis.component.scss index f6c5d835..c1aefe6b 100644 --- a/src/app/dialogs/launch-analysis/launch-analysis.component.scss +++ b/src/app/dialogs/launch-analysis/launch-analysis.component.scss @@ -23,7 +23,3 @@ margin-top: 15px; font-size: 11px; } - -div.is-active { - background-color: var(--drgstn-primary); -} diff --git a/src/app/dialogs/launch-analysis/launch-analysis.component.ts b/src/app/dialogs/launch-analysis/launch-analysis.component.ts index fbec89c9..752cdf6e 100644 --- a/src/app/dialogs/launch-analysis/launch-analysis.component.ts +++ b/src/app/dialogs/launch-analysis/launch-analysis.component.ts @@ -9,7 +9,6 @@ import { import { Algorithm, AlgorithmType, QuickAlgorithmType } from 'src/app/interfaces'; import { DrugstoneConfigService } from 'src/app/services/drugstone-config/drugstone-config.service'; import {NetworkHandlerService} from "../../services/network-handler/network-handler.service"; -import { connectableObservableDescriptor } from 'rxjs/internal/observable/ConnectableObservable'; @Component({ selector: 'app-launch-analysis', diff --git a/src/stylesheets/theme-styles.scss b/src/stylesheets/theme-styles.scss index 1da0834c..38a35385 100644 --- a/src/stylesheets/theme-styles.scss +++ b/src/stylesheets/theme-styles.scss @@ -55,14 +55,14 @@ border-color: var(--drgstn-border) !important; } - .fa-spinner { - color: var(--drgstn-secondary) !important; - } - .tabs.is-toggle a:hover { background-color: var(--drgstn-panel) !important; } + .fa-spinner { + color: var(--drgstn-secondary) !important; + } + .tabs li a { border-bottom: none; } @@ -178,7 +178,6 @@ color: var(--drgstn-text-secondary) !important; } - .text-primary { color: var(--drgstn-primary) !important; } @@ -263,12 +262,10 @@ } } - .ng-select.ng-select-opened > .ng-select-container .ng-arrow { border-bottom-color: var(--drgstn-text-primary) !important; } - ::-webkit-scrollbar { width: 10px !important; } @@ -293,8 +290,18 @@ .toast-times { color: var(--drgstn-text-secondary) !important; } + + .algorithm-button.is-active { + a { + background-color: var(--drgstn-primary) !important; + } + a:hover { + background-color: var(--drgstn-primary) !important; + } + } } + // scrolllbar styles network-expander { --thumbBG: var(--drgstn-primary) !important; -- GitLab