Skip to content

Commit

Permalink
VADC-1479: Updated Previous/Next buttons' colors for VA GWAS accordin…
Browse files Browse the repository at this point in the history
…g to 508 (#1618)

* fix(vadc-1479): Updated colors for the GWAS next/previous buttons

* fix(vadc-1479): Undo automatic discovery style changes

* fix(vadc-1479): Updated class in CSS for Previous/Next buttons
  • Loading branch information
vzpgb authored Oct 29, 2024
1 parent 8e08d0c commit 70805cf
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/Analysis/GWASApp/GWASContainer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import DismissibleMessagesList from './Components/DismissibleMessagesList/Dismis
import MakeFullscreenButton from './Components/MakeFullscreenButton/MakeFullscreenButton';
import InitializeCurrentState from './Utils/StateManagement/InitializeCurrentState';
import './GWASApp.css';
import '../SharedUtils/AccessibilityUtils/Accessibility.css';
import WorkflowLimitsDashboard from '../SharedUtils/WorkflowLimitsDashboard/WorkflowLimitsDashboard';

const GWASContainer = () => {
Expand Down
18 changes: 18 additions & 0 deletions src/Analysis/SharedUtils/AccessibilityUtils/Accessibility.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
/* Global */

:root {
--focus-outline-color: #007bff; /* Bright Blue */
}
Expand All @@ -13,11 +15,14 @@
white-space: nowrap;
border: 0;
}

.ant-modal-content button:focus {
outline: 1px dashed var(--focus-outline-color);
outline-offset: 1px;
}

/* VADC Apps */

.team-project-modal .ant-btn-primary {
background: #194C90;
border: #194C90;
Expand All @@ -28,3 +33,16 @@
background: #2466AC;
border: #2466AC;
}

/* GWAS App */

.GWASUI-navBtn:not([disabled]) {
background: #194C90;
border: #194C90;
}

.GWASUI-navBtn:not([disabled]):hover,
.GWASUI-navBtn:not([disabled]):focus {
background: #2466AC;
border: #2466AC;
}

0 comments on commit 70805cf

Please sign in to comment.