-
Notifications
You must be signed in to change notification settings - Fork 38
[MDS-5844] Declaration page #3046
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
…ontent above page fold
…Table also uses Collapse, updated to use attributes instead of setting global style.
…ox display, do FE & BE testing
@@ -39,26 +39,31 @@ const formatProjectContact = (contacts): IProjectContact[] => { | |||
|
|||
return formattedContacts; | |||
}; | |||
const formatAuthorizations = (authorizations = [], authTypes) => { | |||
const formatAuthorizations = (authorizations = [], amsAuthTypes, statusCode) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this param was always amsAuthTypes, just made it more obvious
const renderSubrequirement = (item) => item.map((it) => <Subrequirement sub_requirement={it} />); | ||
const renderSubrequirement = (item) => | ||
item.map((it) => { | ||
//eslint-disable-next-line @typescript-eslint/no-use-before-define |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
all I wanted to do in this file was add a bordered=false param below, but eslint was not happy about that rule, and I found that the logic was kind of circular. I did give it its missing key though.
@@ -280,7 +280,6 @@ h5.ant-typography, | |||
} | |||
|
|||
.ant-table-thead>tr>th { | |||
background: #F7F8FA; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This hasn't actually changed, but now it's in the webpack variables! Who knew that the index.pure.less rules I'm always fighting were defined by us all along...
$primary-color, | ||
80% | ||
); //color(~`colorPalette('${primary-color}', 2) `); // replace tint($primary-color, 80%) | ||
$primary-1: tint($primary-color, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think that all of the changes I made in theme.scss
I ended up reverting in a later commit, so this is all eslint.
@@ -163,13 +163,13 @@ exports.loadCSS = ({ include, exclude } = {}) => ({ | |||
"border-color-base": "#003366", | |||
"border-color-split": "#efefef", | |||
"border-width-base": "2px", | |||
"background-color-light": "#f7f8fa", | |||
"background-color-light": "#f2f2f2", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Turns out that this is where we go for changing global style variables, I feel kind of silly for not knowing/remembering before. I see you, border-radius: 5px
. 👀
@@ -215,7 +214,7 @@ const prodConfig = merge([ | |||
}), | |||
parts.bundleOptimization({ | |||
options: { | |||
maxSize: 3000000, | |||
// maxSize: 3000000, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Note for the future: the bundle splitting was causing errors in loading, follow up ticket made.
// color: $gov-red; | ||
// } | ||
|
||
// } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Will this commented code still be used in future ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ah this got missed in my reverting/unreverting. Going to re-instate it- it's necessary to show required mark on checkbox. Good catch!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice, just a minor comment.
|
|
|
|
* bulk of FE work for Declaration page, wrapper component for keeping content above page fold * all the styling and layout fixes. ReviewSubmitInformatioNRequirementsTable also uses Collapse, updated to use attributes instead of setting global style. * revert some FE changes, validate data on BE, fix an issue with checkbox display, do FE & BE testing * be really explicit with cypress instructions * test * add selectors to core-web * seeing if anything sticks * seeing if commented out code passes in pipeline * commenting out all scss changes on core * comment out all scss additions on MS * 🤷♀️ * commenting out changes in webpack * stay unbroken? * restore 'safe' css rules in core and remove commented out * just one webpack variable... * testing if it's a mismatch causing the issue * seeing if same thing happens in CORE * fix undefined variable in CORE * revert test change on CORE, remove undefined from function params * test make extractCSS call the same and bundleOptimization * re-instate variable changes * try putting maxSize back on * disable max size for now * taking out commented out code * put back required mark on checkboxes
Objective
MDS-5844
Why are you making this change? Provide a short explanation and/or screenshots