summaryrefslogtreecommitdiff
path: root/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css')
-rw-r--r--src/css/bigstyle.css2
-rw-r--r--src/css/buttons.css45
-rw-r--r--src/css/buttons_old.css96
-rw-r--r--src/css/floatingpage.css2
-rw-r--r--src/css/forms.css39
-rw-r--r--src/css/infobox.css3
-rw-r--r--src/css/success.css4
-rw-r--r--src/css/supportingdocs.css43
8 files changed, 200 insertions, 34 deletions
diff --git a/src/css/bigstyle.css b/src/css/bigstyle.css
index e7ed189..8461345 100644
--- a/src/css/bigstyle.css
+++ b/src/css/bigstyle.css
@@ -4473,7 +4473,7 @@ fieldset .input-group:first-child {
margin-top: 0.75em;
}
.page-mygov-auth-account div .error-message::before {
- content: url("styles/resources/assets/icons/error-oct-red.svg");
+ content: url("../img/error.png");
position: relative;
left: 0px;
top: 0px;
diff --git a/src/css/buttons.css b/src/css/buttons.css
index 27d5db9..e4e3289 100644
--- a/src/css/buttons.css
+++ b/src/css/buttons.css
@@ -7,27 +7,24 @@
margin: 0.75rem 0;
padding: 0.75rem 2rem;
cursor: pointer;
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice a.btn {
line-height: normal;
+ text-align: center;
}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.primary {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.btn--primary {
font-weight: bold;
background-color: var(--ocean-blue-40);
color: var(--btn-text-color);
}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.secondary {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.btn--secondary {
font-weight: bold;
background-color: var(--white);
border-color: var(--navy);
}
-
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.tertiary {
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.btn--tertiary {
background-color: var(--white);
border-color: #a7a8a9;
}
-
.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:hover {
background-color: var(--light-navy);
border-color: var(--light-navy);
@@ -41,17 +38,6 @@
color: var(--btn-text-color);
}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:hover {
- text-decoration: none;
- outline: none;
- color: var(--white);
-}
-
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.btn.primary:focus {
- text-decoration: none;
- outline: none;
-}
-
.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:before {
content: " ";
position: absolute;
@@ -68,6 +54,7 @@
background-color: var(--grey1c-100);
color: #76797c;
border-color: #bbbcbc;
+ cursor: not-allowed;
}
.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:active {
@@ -76,21 +63,19 @@
color: var(--white);
background-color: #1d2e51;
}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.small {
- max-width: 50%;
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group{
- display: flex;
-}
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group *{
- max-width: calc(50% - 1rem);
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:hover {
+ text-decoration: none;
+ outline: none;
+ color: var(--white);
}
-/* Tablet (at least 40em) */
+/* Buttons fill entire horizontal width on displays below 640px (this number was taken from the original syling) */
-@media only screen and (min-width: 40em) {
- .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn ~ .btn {
- margin-left: 0.5rem;
+@media only screen and (max-width: 639px) {
+ .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn {
+ display: block;
+ width: 100%;
}
+
} \ No newline at end of file
diff --git a/src/css/buttons_old.css b/src/css/buttons_old.css
new file mode 100644
index 0000000..27d5db9
--- /dev/null
+++ b/src/css/buttons_old.css
@@ -0,0 +1,96 @@
+:root {
+ --btn-text-color: #172F50;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn {
+ color: var(--btn-text-color);
+ font-size: var(--font-size-16);
+ margin: 0.75rem 0;
+ padding: 0.75rem 2rem;
+ cursor: pointer;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice a.btn {
+ line-height: normal;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.primary {
+ font-weight: bold;
+ background-color: var(--ocean-blue-40);
+ color: var(--btn-text-color);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.secondary {
+ font-weight: bold;
+ background-color: var(--white);
+ border-color: var(--navy);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.tertiary {
+ background-color: var(--white);
+ border-color: #a7a8a9;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:hover {
+ background-color: var(--light-navy);
+ border-color: var(--light-navy);
+ color: var(--white);
+ text-decoration: none;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus {
+ text-decoration: none;
+ outline: none;
+ color: var(--btn-text-color);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:hover {
+ text-decoration: none;
+ outline: none;
+ color: var(--white);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.btn.primary:focus {
+ text-decoration: none;
+ outline: none;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus:before {
+ content: " ";
+ position: absolute;
+ z-index: 1;
+ top: -6px;
+ left: -6px;
+ right: -6px;
+ bottom: -6px;
+ border-radius: 6px;
+ border: 2px solid var(--navy);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn[disabled] {
+ background-color: var(--grey1c-100);
+ color: #76797c;
+ border-color: #bbbcbc;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:active {
+ text-decoration: none;
+ outline: none;
+ color: var(--white);
+ background-color: #1d2e51;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn.small {
+ max-width: 50%;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group{
+ display: flex;
+
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn-group *{
+ max-width: calc(50% - 1rem);
+}
+
+/* Tablet (at least 40em) */
+
+@media only screen and (min-width: 40em) {
+ .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn ~ .btn {
+ margin-left: 0.5rem;
+ }
+} \ No newline at end of file
diff --git a/src/css/floatingpage.css b/src/css/floatingpage.css
index 23672e4..c618ce1 100644
--- a/src/css/floatingpage.css
+++ b/src/css/floatingpage.css
@@ -5,7 +5,7 @@
.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .floating-page {
background-color: var(--white);
padding: 3rem;
- margin: 0 auto;
+ margin: 0 0;
box-shadow: 0px 2px 6px #10182040;
border-radius: 5px;
max-width: 80rem;
diff --git a/src/css/forms.css b/src/css/forms.css
index 80436aa..3d13910 100644
--- a/src/css/forms.css
+++ b/src/css/forms.css
@@ -1,4 +1,4 @@
-.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group {
+/* .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group {
display: flex;
width: 100%;
padding: 0.5rem;
@@ -39,4 +39,41 @@
.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group:focus {
outline: 2px solid var(--dark-grey);
border-radius: 3px;
+} */
+
+/* .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice label.checkbox {
+ padding: 8px;
+} */
+
+/* .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice label.checkbox:focus {
+ outline: 2px solid var(--dark-grey);
+ outline-offset: -4px;
+ border-radius: 3px;
+} */
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice div.checkbox .error-message {
+ margin: 0;
+ padding: 0;
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice label.checkbox--error:before {
+ content: " ";
+ position: absolute;
+ top: 4px;
+ left: 4px;
+ right: 4px;
+ bottom: 4px;
+ border-radius: var(--input-border-radius);
+ border: 2px solid var(--error-color);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice div.checkbox {
+ display: none;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice label.checkbox--error + div.checkbox {
+ display: initial;
}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice label.checkbox {
+ width: fit-content;
+ align-items: center;
+} \ No newline at end of file
diff --git a/src/css/infobox.css b/src/css/infobox.css
index 2037f36..d98d079 100644
--- a/src/css/infobox.css
+++ b/src/css/infobox.css
@@ -13,13 +13,14 @@
background-size: cover;
min-width: 16px;
min-height: 16px;
- margin: 0px 6px 0 0;
+ margin: 0 6px 0 0;
}
.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box .info-box__text {
display: inline-block;
font-weight: normal;
font-size: var(--font-size-16);
color: var(--black);
+ margin-top: 0.25rem;
}
/* Inline info boxes (for file upload errors etc...) */
diff --git a/src/css/success.css b/src/css/success.css
new file mode 100644
index 0000000..53494d2
--- /dev/null
+++ b/src/css/success.css
@@ -0,0 +1,4 @@
+.success_error_page_container__hr {
+ width: 70%;
+ margin: 40px auto;
+} \ No newline at end of file
diff --git a/src/css/supportingdocs.css b/src/css/supportingdocs.css
new file mode 100644
index 0000000..ac94e9d
--- /dev/null
+++ b/src/css/supportingdocs.css
@@ -0,0 +1,43 @@
+.supporting-docs-container {
+ display: grid;
+ grid-gap: 1rem;
+}
+.supporting-docs-container .upload-box {
+ font-size: 1.2rem;
+ text-align: left;
+ cursor: pointer;
+}
+
+ .supporting-doc-btn {
+ display: block;
+
+ border: 1px solid #BBBCBC;
+ background: #FFF;
+ padding: 24px;
+ border-radius: 4px;
+
+
+ /* span {
+ display: block;
+ font-size: 1rem;
+ padding: 20px 0 0;
+ } */
+ }
+
+ @media (min-width: 640px) {
+ .supporting-docs-container {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .supporting-docs-container {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .supporting-docs-container {
+ grid-template-columns: repeat(4, 1fr);
+ }
+ } \ No newline at end of file
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-26 22:21:38 +0000