kjannette/Novodraft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit for refactored project

Browse Source
This commit is contained in:
KS Jannette
2026-05-23 17:08:47 -04:00
commit 6545f8f549
166 changed files with 48911 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

532
ax3Client/src/styles/docedit-page.scss Normal file
View File

@@ -0,0 +1,532 @@
.docedit-container {
display: flex;
flex-direction: column;
align-items: center;
}
.edit-divider-spacer {
margin-bottom: 20px !important;
}
.docedit-outer-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
}
.docedit-header-text {
margin-top: 50px;
padding-top: 38px;
color: #c5c5c5;
font-size: 24px;
}
.edit-header-wrapper {
width: 700px;
}
.doc-editing-sub-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 25px;
}
.request-editing-sub-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 25px;
}
.req-editing-sub-wrapper {
display: flex;
flex-direction: column;
}
.doc-editing-instructions-header {
font-family: Roboto;
text-decoration: underline;
text-align: center;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0.013rem;
}
.doc-edit-subheader {
display: flex;
flex-direction: row;
margin-bottom: 20px;
}
.req-item-outer-div {
margin-bottom: 10px;
&.row {
display: flex;
flex-direction: row;
}
}
.req-item-inner-div {
min-width: 680px;
margin: 6px 0px;
}
.doc-editing-button-container {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 0.6rem;
}
.req-editing-button-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 0.6rem;
margin-bottom: 24px;
}
.req-edit-box {
width: 100%;
}
.edit-back-button {
height: 50px;
width: 215px;
margin-right: 20px;
border: 1px solid #1a76c7 !important;
background-color: #fff !important;
color: #1a76c7 !important;
&:hover {
background-color: var(--background-blue) !important;
}
}
.edit-save-button {
height: 50px;
width: 150px;
margin-top: -2px;
}
.generate-button-box {
display: flex;
flex-direction: row;
height: 50px;
margin-bottom: 8px;
}
.docedit-super-row {
display: flex;
flex-direction: row;
min-height: 55px;
letter-spacing: 0.02rem;
}
.docedit-header-row {
display: flex;
flex-direction: row;
height: 230px;
margin-bottom: 12px;
color: #000000;
font-weight: 500;
overflow: hidden;
}
.docedit-header-col1 {
display: flex;
flex-direction: column;
width: 20%;
height: 100%;
color: #000;
font-weight: 500;
justify-content: left;
align-items: flex-start;
padding-left: 15px;
}
.docedit-header-col2 {
display: flex;
flex-direction: column;
width: 60%;
height: 210px;
margin-bottom: 8px;
color: #000;
font-weight: 500;
}
.docedit-header-col3 {
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
width: 20%;
height: 100%;
color: #373737;
}
.header-middle-row1 {
display: flex;
flex-direction: row;
margin: 4px 0px;
padding: 4px 0px;
color: #373737;
letter-spacing: 0.02rem;
}
.header-middle-row2 {
display: flex;
flex-direction: row;
margin: 4px 0px;
padding: 4px 0px;
justify-content: space-between;
color: #373737;
letter-spacing: 0.02rem;
}
.header-middle-row3 {
display: flex;
flex-direction: row;
margin: 4px 0px 12px 0px;
padding: 4px 0px;
justify-content: space-between;
color: #373737;
letter-spacing: 0.02rem;
}
.middle-row-inner {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.content-spacer {
width: 140px;
}
.content-spacer2 {
width: 116px;
}
.header-middle-row4 {
display: flex;
flex-direction: row;
margin: 4px 0px 6px 0px;
padding: 4px 0px;
justify-content: space-between;
color: #373737;
letter-spacing: 0.02rem;
}
.header-middle-row5 {
display: flex;
flex-direction: row;
margin-top: 4px;
padding: 4px 0px;
color: #373737;
letter-spacing: 0.02rem;
}
.aginum {
color: #373737;
letter-spacing: 0.02rem;
}
.aginum-agin {
color: #373737;
letter-spacing: 0.02rem;
margin-top: 5px;
}
.docedit-uppercol1 {
width: 20%;
color: #373737;
}
.centered-text {
text-align: center;
margin-bottom: 30px;
}
.plain-text {
font-weight: 400 !important;
}
.docedit-uppercol2 {
display: flex;
flex-direction: column;
width: 60%;
font-weight: 500;
color: #000000;
}
.docedit-uppercol-divider {
width: 470px;
border-bottom: 2px solid #c3c3c3;
}
.docedit-uppercol3 {
width: 20%;
color: #4e4e4e;
}
.left-caption-col {
display: flex;
flex-direction: column;
padding-top: 6px;
width: 50%;
color: #4e4e4e;
}
.right-caption-col {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 50%;
margin: 25px 15px;
color: #4e4e4e;
}
.doc-editing-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
margin: 6px auto;
color: #4e4e4e;
}
.casenum-box {
margin-left: 15px;
padding-left: 15px;
color: #4e4e4e;
letter-spacing: 0.02rem;
}
.peez {
display: flex;
flex-direction: row;
justify-content: center;
padding-right: 35px;
margin-right: 20px;
color: var(--font-light);
letter-spacing: 0.02rem;
}
.deez {
display: flex;
flex-direction: row;
justify-content: center;
padding-right: 23px;
margin-right: 20px;
margin-top: 5px;
color: var(--font-light);
letter-spacing: 0.02rem;
}
.caption-box {
word-spacing: 20px;
color: #4e4e4e;
}
.topline-box {
padding-top: 8px;
color: #4e4e4e;
}
.topline-box2 {
margin-top: 20px;
padding-top: 8px;
color: #4e4e4e;
}
.edit-ele-input {
color: #7d7d7d;
}
.request-text-up {
color: #a2a2a2;
margin-top: 5px;
text-align: justify;
&.reqq {
max-width: 24px;
}
}
.doced-request-text-up {
color: #a2a2a2;
margin-top: 5px;
margin-left: 8px;
margin-bottom: 16px;
text-align: justify;
&.reqq {
max-width: 24px;
}
}
.request-text-up-row {
display: flex;
flex-direction: row;
color: #a2a2a2;
margin-top: 6px;
padding: 0px 5px;
text-align: justify;
line-height: 2;
}
.request-text-number-col {
min-width: 22px;
margin-right: 0px;
margin-top: 3px;
}
.request-text-number-col-low {
min-width: 22px;
margin-right: 2px;
margin-top: 6px;
}
.outer-div {
border: 1px solid #d1d1d1;
border-radius: 5px;
border-radius: 10px;
padding: 0px 5px;
}
.pleading-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
letter-spacing: 0.02rem;
padding: 0px 5px;
margin: auto;
text-decoration: underline;
margin-bottom: 20px;
font-weight: 500;
color: #000;
}
.req-edit-comesnow {
line-height: 2;
text-align: justify;
max-width: 700px;
}
.req-edit-comesnow-box {
min-width: 600px;
margin-bottom: 18px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.scroll-button {
position: fixed;
top: 250px;
right: 70px;
width: 150px;
height: 50px;
background-color: #fff !important;
color: #1a76c7 !important;
border-color: #1a76c7 !important;
&:hover {
border-color: #1a76c7 !important;
background-color: #ffeee3 !important;
}
}
.create-gen-button {
color: #fff;
&:hover {
background-color: #1664a9;
border: none !important;
}
}
.numbering-container {
color: #a2a2a2;
margin-bottom: 6px;
}
.docedit-errstate-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
}
.reqedit-report-container {
width: 95%;
margin-top: -16px;
margin-left: 16px;
}
.docedit-report-link {
font-size: 0.95rem;
color: #fa6400;
}
.docedit-report-link:hover {
text-decoration: underline;
cursor: pointer;
}
.request-item-outer-div {
min-width: 700px;
display: flex;
flex-direction: row;
margin: 16px 0px 8px 0px;
}
@media only screen and (max-width: 1140px) {
.scroll-button {
right: 30px;
}
}
@media only screen and (max-width: 1080px) {
.scroll-button {
right: 0px;
}
}
@media only screen and (max-width: 1080px) and (min-width: 900px) {
.request-editing-sub-wrapper {
max-width: 650px;
}
.request-text-up-row {
max-width: 650px;
}
.req-edit-wrapper {
max-width: 650px;
}
.req-item-inner-div {
min-width: 620px;
max-width: 650px;
}
.reqedit-report-container {
margin-left: 0px;
margin-top: -16px;
}
}
.prelim-statement-container {
margin-bottom: 8px;
padding-left: 6px;
}
.docedit-prelim-text {
line-height: 2;
}