Skip to content
Snippets Groups Projects
Commit fe829f10 authored by Hartung, Michael's avatar Hartung, Michael
Browse files

button styles uniform

parent 8ee78297
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/app/components/network/network-menu-left/network-menu-left.component.html
+ 2
− 2
View file @ fe829f10
......@@ -97,8 +97,8 @@
networkHandler.activeNetwork.expressionExpanded =
!networkHandler.activeNetwork.expressionExpanded
"
class="button is-rounded is-primary"
[class.is-outlined]="!networkHandler.activeNetwork.selectedTissue"
class="button is-rounded"
[class.is-primary]="networkHandler.activeNetwork.selectedTissue"
aria-haspopup="true"
aria-controls="dropdown-menu"
pTooltip="Tissue expression data is provided by the GTEx project."
......
src/app/components/network/network-menu/network-menu.component.html
+ 2
− 2
View file @ fe829f10
......@@ -94,8 +94,8 @@
networkHandler.activeNetwork.expressionExpanded =
!networkHandler.activeNetwork.expressionExpanded
"
class="button is-rounded is-primary"
[class.is-outlined]="!networkHandler.activeNetwork.selectedTissue"
class="button is-rounded"
[class.is-primary]="networkHandler.activeNetwork.selectedTissue"
aria-haspopup="true"
aria-controls="dropdown-menu"
pTooltip="Tissue expression data is provided by the GTEx project."
......
src/app/components/network/network.component.html
+ 2
− 2
View file @ fe829f10
......@@ -10,7 +10,7 @@
tooltipPosition="left"
*ngIf="!fullscreen"
(click)="toggleFullscreen()"
class="button is-primary is-rounded is-small is-outlined"
class="button is-rounded is-small is-outlined highlight-primary"
>
<app-fa-solid-icon icon="expand" classString="only-item-in-button"></app-fa-solid-icon>
</button>
......@@ -18,7 +18,7 @@
title="close fullscreen"
*ngIf="fullscreen"
(click)="toggleFullscreen()"
class="button is-primary is-rounded is-small is-outlined"
class="button is-rounded is-small is-outlined highlight-primary"
>
<app-fa-solid-icon icon="compress" classString="only-item-in-button"></app-fa-solid-icon>
</button>
......
src/index.html
+ 2
− 0
View file @ fe829f10
......@@ -86,6 +86,8 @@
<!--<input type="checkbox" onclick=changeConfigStr('{"showSimpleAnalysis":'+this.checked+'}') checked /> Show SimpleAnalysis<br>-->
<br>
......
src/stylesheets/theme-styles.scss
+ 62
− 45
View file @ fe829f10
@import "default-theme.css";
// For testing theme override
//:root {
// --drgstn-primary: #347eee;
// --drgstn-secondary: #2e42f2;
// --drgstn-success: #48C774;
// --drgstn-warning: #ffdd00;
// --drgstn-danger: #ff2744;
// --drgstn-background: #f8f9fa;
// --drgstn-panel: #e14242;
// --drgstn-info: #61c43d;
// --drgstn-text-primary: #151515;
// --drgstn-text-secondary: #eeeeee;
// --drgstn-border: rgba(0, 0, 0, 0.2);
// --drgstn-tooltip: rgba(74, 74, 74, 0.9);
// --drgstn-panel-secondary: #FFFFFF;
// --drgstn-height: 600px;
//}
#appWindow {
background-color: var(--drgstn-background) !important;
......@@ -35,7 +19,9 @@
color: var(--drgstn-text-secondary) !important;
}
.card-header-title, .card-content, .title {
.card-header-title,
.card-content,
.title {
color: var(--drgstn-text-primary) !important;
}
......@@ -43,7 +29,10 @@
background-color: var(--drgstn-panel) !important;
}
.card-footer, .card-footer-item:not(:last-child), .tabs ul, .tabs a .tabs a:hover {
.card-footer,
.card-footer-item:not(:last-child),
.tabs ul,
.tabs a .tabs a:hover {
border-color: var(--drgstn-border) !important;
}
......@@ -67,25 +56,31 @@
border-bottom: none;
}
.tabs li.is-active a, .tabs.is-toggle li.is-active a, .tabs a:hover {
.tabs li.is-active a,
.tabs.is-toggle li.is-active a,
.tabs a:hover {
border-color: var(--drgstn-primary) !important;
color: var(--drgstn-text-primary) !important;
border-bottom: solid;
}
.content h4, .content h6 {
.content h4,
.content h6 {
color: var(--drgstn-text-primary) !important;
}
.has-text-normal, .modal-card-title {
.has-text-normal,
.modal-card-title {
color: var(--drgstn-text-primary) !important;
}
.modal-card, .modal-card-body {
.modal-card,
.modal-card-body {
background-color: var(--drgstn-panel) !important;
}
.modal-card-head, .modal-card-foot {
.modal-card-head,
.modal-card-foot {
border-color: var(--drgstn-border) !important;
background-color: var(--drgstn-border) !important;
}
......@@ -99,7 +94,8 @@
color: var(--drgstn-text-primary) !important;
}
.modal-card-head, .modal-card-foot {
.modal-card-head,
.modal-card-foot {
background-color: var(--drgstn-border) !important;
}
......@@ -108,24 +104,30 @@
color: var(--drgstn-text-primary) !important;
}
.input, .select select, .textarea, .box {
.input,
.select select,
.textarea,
.box {
background-color: var(--drgstn-panel-secondary) !important;
border-color: var(--drgstn-border) !important;
color: var(--drgstn-text-primary) !important;
}
}
.input, .select select, .textarea, .box {
.input,
.select select,
.textarea,
.box {
background-color: var(--drgstn-panel-secondary) !important;
border-color: var(--drgstn-border) !important;
}
.fa-check {
color: var(--drgstn-success) !important;
}
app-task-list a, a.card-header-icon {
app-task-list a,
a.card-header-icon {
color: var(--drgstn-secondary) !important;
}
......@@ -145,7 +147,8 @@
color: var(--drgstn-primary) !important;
}
a.dropdown-item:hover, button.dropdown-item:hover {
a.dropdown-item:hover,
button.dropdown-item:hover {
background-color: var(--drgstn-panel-secondary) !important;
}
......@@ -153,18 +156,21 @@
background-color: var(--drgstn-panel) !important;
}
.button.is-primary.is-focused, .button.is-primary:focus {
.button.is-primary.is-focused,
.button.is-primary:focus {
background-color: var(--drgstn-primary) !important;
border-color: transparent !important;
color: var(--drgstn-text-secondary) !important;
}
.button.is-primary.button.is-hovered, .button.is-primary.button:hover {
.button.is-primary.button.is-hovered,
.button.is-primary.button:hover {
color: var(--drgstn-text-secondary) !important;
background-color: var(--drgstn-primary) !important;
}
.button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active) {
.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
box-shadow: none !important;
}
......@@ -190,12 +196,18 @@
color: var(--drgstn-text-primary) !important;
}
.fa-search.investigational, .fa-pause {
.fa-search.investigational,
.fa-pause {
color: var(--drgstn-warning) !important;
}
.fa-exclamation-triangle, .fa-times, .help, .delete:after, .delete:before, .modal-close:after, .modal-close:before {
.fa-exclamation-triangle,
.fa-times,
.help,
.delete:after,
.delete:before,
.modal-close:after,
.modal-close:before {
color: var(--drgstn-danger) !important;
}
......@@ -208,13 +220,14 @@
color: var(--drgstn-text-primary) !important;
}
.table thead td, .table thead th {
.table thead td,
.table thead th {
color: var(--drgstn-text-primary) !important;
}
.button.is-hovered, .button:hover, .button {
// background-color: var(--drgstn-panel) !important;
// color: var(--drgstn-text-primary) !important;
.button.is-hovered,
.button:hover,
.button {
border-color: var(--drgstn-border) !important;
}
......@@ -223,15 +236,15 @@
}
a:hover {
color: var(--drgstn-text-primary)
color: var(--drgstn-text-primary);
}
.ng-select-container, .ng-dropdown-panel.ng-select-bottom {
.ng-select-container,
.ng-dropdown-panel.ng-select-bottom {
background-color: var(--drgstn-panel-secondary) !important;
border-color: var(--drgstn-border) !important;
.ng-value-container {
.ng-placeholder {
color: var(--drgstn-text-primary) !important;
}
......@@ -253,7 +266,8 @@
border-top-color: var(--drgstn-text-primary) !important;
}
.ng-clear-wrapper, .ng-select-container {
.ng-clear-wrapper,
.ng-select-container {
color: var(--drgstn-text-primary) !important;
}
}
......@@ -282,7 +296,7 @@
::-webkit-scrollbar-button:increment {
width: 0px !important;
}
.has-text-primary {
color: var(--drgstn-text-primary) !important;
}
......@@ -291,6 +305,10 @@
color: var(--drgstn-text-secondary) !important;
}
.has-background-panel {
color: var(--drgstn-panel) !important;
}
.algorithm-button.is-active {
a {
background-color: var(--drgstn-primary) !important;
......@@ -301,7 +319,6 @@
}
}
// scrolllbar styles
network-expander {
--thumbBG: var(--drgstn-primary) !important;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment