From 141785b92a15a05312a4fdf2bc8ecb7827a596ff Mon Sep 17 00:00:00 2001 From: Chrispin <67915167+ChrispinP@users.noreply.github.com> Date: Wed, 15 Jan 2025 12:27:54 -0600 Subject: [PATCH 1/2] TDS Portal SIF Assessment Updates TDS Portal SIF Assessment Updates --- .../tds.css | 96 ++++++++++++------- 1 file changed, 63 insertions(+), 33 deletions(-) diff --git a/code/transportation-development-services/tds.css b/code/transportation-development-services/tds.css index 7eb90c6..14d72de 100644 --- a/code/transportation-development-services/tds.css +++ b/code/transportation-development-services/tds.css @@ -1,6 +1,10 @@ -.my-test { - color: "#163f6e" -} +/***************************************/ +/******* Form Validation Styling *******/ +/***************************************/ +.kn-notification { background-color: #2acee3 !important; font-size: 1.25em; color: black;} +.is-confirmation { background-color: #caf4bc !important; font-size: 1.25em; color: black;} +.is-warning { background-color: #ffe09a !important; font-size: 1.25em; color: black;} +.is-alert { background-color: #ff9b9c !important; font-size: 1.25em; color: black;} /***************************************/ /********* FA Icon Positioning *********/ @@ -24,8 +28,8 @@ /*Close Modal 'X' Button*/ .delete { border: #adb5bd .2em !important; background-color: #adb5bd !important;} .close-modal {border: #495057 !important; background-color: #495057 !important;} -.delete:before { background-color: white !important; width: 66% !important; left: 44% !important; height: 3px !important; border-radius: 2px !important;} -.delete:after { background-color: white !important; width: 66% !important; left: 44% !important; height: 3px !important; border-radius: 2px !important;} +.delete:before { background-color: white !important; width: 66% !important; left: 42% !important; height: 3px !important; border-radius: 2px !important;} +.delete:after { background-color: white !important; width: 66% !important; left: 42% !important; height: 3px !important; border-radius: 2px !important;} /***************************************/ /************* Big Buttons *************/ @@ -340,6 +344,11 @@ a.ang-link:link {text-decoration: none;} box-shadow: 0px 0px 0px 0px gray; font-size: 1.1em; background-color: #ebebeb; color: #163f6e; text-align: center; } #kn-scene_302 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; } +/*Memo Attachments Search Page*/ +#kn-scene_729 .kn-back-link { padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #dddddd; border-radius: 4px; + box-shadow: 0px 0px 0px 0px gray; font-size: 1.1em; background-color: #ebebeb; color: #163f6e; text-align: center; } +#kn-scene_729 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; } + /*TIA Submission Cycle Search Page*/ #kn-scene_303 .kn-back-link { padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #dddddd; border-radius: 4px; box-shadow: 0px 0px 0px 0px gray; font-size: 1.1em; background-color: #ebebeb; color: #163f6e; text-align: center; } @@ -433,10 +442,15 @@ a.ang-link:link {text-decoration: none;} #kn-scene_622 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; } /*SIF Worksheet */ +/*SIF Worksheet Assessment Details Page*/ +#kn-scene_747 .kn-back-link { padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #dddddd; border-radius: 4px; + box-shadow: 0px 0px 0px 0px gray; font-size: 1.1em; background-color: #ebebeb; color: #163f6e; text-align: center; } +#kn-scene_747 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; } + /*SIF Worksheet Review Details Page*/ -#kn-scene_518 .kn-back-link { padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #dddddd; border-radius: 4px; +#kn-scene_757 .kn-back-link { padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #dddddd; border-radius: 4px; box-shadow: 0px 0px 0px 0px gray; font-size: 1.1em; background-color: #ebebeb; color: #163f6e; text-align: center; } -#kn-scene_518 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; } +#kn-scene_757 .kn-back-link:hover { opacity: 0.9; cursor: pointer; border-color: gray; } /*App Admin */ /*TDS Contacts Page*/ @@ -597,6 +611,10 @@ a.ang-link:link {text-decoration: none;} #kn-scene_587 .kn-back-link { display: none; } +/*TPW Waiver Service Page*/ +#kn-scene_831 .kn-back-link { + display: none; +} /*********************************************/ /** Remove Back Links for TIA Determination **/ @@ -786,31 +804,43 @@ a.ang-link:link {text-decoration: none;} display: none; } -/*****************************************/ -/** Remove Back Links for SIF Worksheet **/ -/*****************************************/ +/******************************************/ +/** Remove Back Links for SIF Assessment **/ +/******************************************/ /*SIF Worksheet Submittal Page*/ -#kn-scene_500 .kn-back-link { +#kn-scene_818 .kn-back-link { display: none; } -/*SIF Worksheet Submittal Information Page*/ -#kn-scene_505 .kn-back-link { +/*SIF Worksheet Submittal Documents Page*/ +#kn-scene_819 .kn-back-link { display: none; } /*Review SIF Worksheet Submittal Page*/ -#kn-scene_506 .kn-back-link { +#kn-scene_820 .kn-back-link { + display: none; +} +/*Edit Information Page*/ +#kn-scene_823 .kn-back-link { display: none; } -/*Edit SIF Worksheet Submittal Page*/ -#kn-scene_507 .kn-back-link { +/*Edit Attachments Page*/ +#kn-scene_824 .kn-back-link { display: none; } /*SIF Worksheet Submittal Confirmation Page*/ -#kn-scene_512 .kn-back-link { +#kn-scene_821 .kn-back-link { + display: none; +} +/*SIF Worksheet Submittal Completed Documents Page*/ +#kn-scene_822 .kn-back-link { display: none; } -/*SIF Worksheet Submittal Document Page*/ -#kn-scene_647 .kn-back-link { + +/******************************************/ +/** Remove Back Links for SWF Assessment **/ +/******************************************/ +/*SWF Assessment Documents Page*/ +#kn-scene_788 .kn-back-link { display: none; } @@ -907,20 +937,6 @@ a.ang-link:link {text-decoration: none;} #kn-scene_656 .kn-detail-label { background-color: transparent; min-width: 0% !important; } #kn-scene_657 .kn-detail-label { background-color: transparent; min-width: 0% !important; } -/*************************************/ -/*** Styles the Reviewer Dashboard ***/ -/*************************************/ -/*Min Width & Transparent for "Hello/Welcome" Details Label*/ -#kn-scene_249 .kn-detail-label { background-color: transparent; min-width: 0% !important; } -#kn-scene_329 .kn-detail-label { background-color: transparent; min-width: 0% !important; } - -/****************************************/ -/*** Styles the Vision Team Dashboard ***/ -/****************************************/ -/*Min Width & Transparent for "Hello/Welcome" Details Label*/ -#kn-scene_14 .kn-detail-label { background-color: transparent; min-width: 0% !important; } -#kn-scene_347 .kn-detail-label { background-color: transparent; min-width: 0% !important; } - /**********************************/ /*** Styles the Contact Us Page ***/ /**********************************/ @@ -1157,3 +1173,17 @@ a.ang-link:link {text-decoration: none;} #kn-report-view_2194-1 div.highcharts-container svg g.highcharts-series-group g.highcharts-series rect:nth-child(3){fill: #90ed7d;} #kn-report-view_2194-1 div.highcharts-container svg g.highcharts-series-group g.highcharts-series rect:nth-child(4){fill: #f7a35c;} #kn-report-view_2194-1 div.highcharts-container svg g.highcharts-series-group g.highcharts-series rect:nth-child(5){fill: #8085e9;} + +/***************************************/ +/** Hide Placeholder Text & Input Box **/ +/***************************************/ +/*Username field - Add/Edit Account & Profile*/ +#kn-input-field_6 input::placeholder { color: transparent; background-color: transparent; } +#kn-input-field_6 input#last.input:placeholder-shown { display: none;} + +/**********************************/ +/**** Application Progress Bar ****/ +/**********************************/ +progress { width: 200px; height: 30px; } + +.colored-progress { accent-color: green; } From d8c5469a5a26e7da79490717309fbd945d540a09 Mon Sep 17 00:00:00 2001 From: Chrispin <67915167+ChrispinP@users.noreply.github.com> Date: Thu, 16 Jan 2025 12:07:20 -0600 Subject: [PATCH 2/2] Validation Message Update This commit updates the Validation language, organization, and code. We also simplify the Modal X lines. --- .../tds.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/code/transportation-development-services/tds.css b/code/transportation-development-services/tds.css index 14d72de..c045a5f 100644 --- a/code/transportation-development-services/tds.css +++ b/code/transportation-development-services/tds.css @@ -1,10 +1,11 @@ -/***************************************/ -/******* Form Validation Styling *******/ -/***************************************/ -.kn-notification { background-color: #2acee3 !important; font-size: 1.25em; color: black;} -.is-confirmation { background-color: #caf4bc !important; font-size: 1.25em; color: black;} -.is-warning { background-color: #ffe09a !important; font-size: 1.25em; color: black;} -.is-alert { background-color: #ff9b9c !important; font-size: 1.25em; color: black;} +/**************************************/ +/***** Validation Message Styling *****/ +/**************************************/ +.kn-notification, .is-confirmation, .is-warning, .is-alert { font-size: 1.25em !important; color: black !important;} +.kn-notification { background-color: #2acee3 !important;} +.is-confirmation { background-color: #caf4bc !important;} +.is-warning { background-color: #ffe09a !important;} +.is-alert { background-color: #ff9b9c !important;} /***************************************/ /********* FA Icon Positioning *********/ @@ -28,8 +29,7 @@ /*Close Modal 'X' Button*/ .delete { border: #adb5bd .2em !important; background-color: #adb5bd !important;} .close-modal {border: #495057 !important; background-color: #495057 !important;} -.delete:before { background-color: white !important; width: 66% !important; left: 42% !important; height: 3px !important; border-radius: 2px !important;} -.delete:after { background-color: white !important; width: 66% !important; left: 42% !important; height: 3px !important; border-radius: 2px !important;} +.delete:before, .delete:after { background-color: white !important; width: 66% !important; left: 42% !important; height: 3px !important; border-radius: 2px !important;} /***************************************/ /************* Big Buttons *************/