diff options
Diffstat (limited to 'src/css')
| -rw-r--r-- | src/css/buttons.css | 1 | ||||
| -rw-r--r-- | src/css/forms.css | 16 | ||||
| -rw-r--r-- | src/css/infobox.css | 50 | ||||
| -rw-r--r-- | src/css/style.css | 4 | ||||
| -rw-r--r-- | src/css/uploadbox.css | 32 |
5 files changed, 95 insertions, 8 deletions
diff --git a/src/css/buttons.css b/src/css/buttons.css index b0b2a1a..f9d5ae7 100644 --- a/src/css/buttons.css +++ b/src/css/buttons.css @@ -35,7 +35,6 @@ text-decoration: none; } -/* .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.btn.primary:focus, */ .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .btn:focus { text-decoration: none; outline: none; diff --git a/src/css/forms.css b/src/css/forms.css index 0110560..80436aa 100644 --- a/src/css/forms.css +++ b/src/css/forms.css @@ -15,10 +15,18 @@ appearance: none; flex-shrink: 0; flex-grow: 0; + cursor: pointer; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group input[type="checkbox"]:checked { border: 2px solid var(--black); - background-image: url(img/check.png); + background-color: var(--light-navy); + background-image: url(../img/check.png); + background-size: contain; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group input[type="checkbox"]:indeterminate { + border: 2px solid var(--black); + background-color: var(--light-navy); + background-image: url(../img/indeterminate.png); background-size: contain; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group label { @@ -27,4 +35,8 @@ margin: 0; font-weight: normal; font-size: var(--font-size-16); -}
\ No newline at end of file +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .checkbox-group:focus { + outline: 2px solid var(--dark-grey); + border-radius: 3px; +} diff --git a/src/css/infobox.css b/src/css/infobox.css index cdcd80f..ca45674 100644 --- a/src/css/infobox.css +++ b/src/css/infobox.css @@ -1,15 +1,61 @@ + +/* General info box settings */ + .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box { display: flex; align-items: flex-start; margin: 1rem 0; } + .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box .info-box__icon { display: inline-block; - margin-right: 6px; + background-image: url(../img/info-grey.png); + background-size: cover; + min-width: 16px; + min-height: 16px; + margin: 6px 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); +} + +/* Inline info boxes (for file upload errors etc...) */ + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.inline .info-box__text { font-weight: bold; font-size: var(--font-size-14); color: var(--dark-grey); - display: inline-block; +} + +/* Block sized info boxes */ + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.message { + background-color: #f7f7f7; + padding: 0.75rem; + border-radius: 3px; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.message .info-box__icon { + background-image: url(../img/info-grey.png); +} + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.info { + background-color: var(--white); + padding: 0.75rem; + border-radius: 3px; + border: 1px solid var(--dark-grey); +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.info .info-box__icon { + background-image: url(../img/info-grey.png); +} + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.warning { + background-color: #FFE679; + padding: 0.75rem; + border-radius: 3px; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.warning .info-box__icon { + background-image: url(../img/warning.png); }
\ No newline at end of file diff --git a/src/css/style.css b/src/css/style.css index a4e4d22..7dd9964 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -20,12 +20,13 @@ font-size: var(--font-size-24); font-weight: bold; color: var(--dark-grey); - margin: 0; + margin: 0.5rem 0; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice h2 { font-size: var(--font-size-20); font-weight: bold; color: #000; + margin: 0.75rem 0; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice h3 { font-size: var(--font-size-18); @@ -48,7 +49,6 @@ .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice ul li { padding: 4px; } - .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .full-box { background-color: var(--white); position: absolute; diff --git a/src/css/uploadbox.css b/src/css/uploadbox.css index 01f7eb4..0d717e1 100644 --- a/src/css/uploadbox.css +++ b/src/css/uploadbox.css @@ -13,7 +13,7 @@ font-weight: bold; font-size: var(--font-size-18); color: var(--dark-grey); - margin-bottom: 20px; + margin-bottom: 0.75rem; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box p.upload-box__small-text { @@ -61,4 +61,34 @@ .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box hr { margin: 0.5rem; +} + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-box { + width: 100%; + min-height: 1.25rem; + overflow: auto; + margin-bottom: 0.75rem; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-box a { + color: inherit; + text-decoration: none; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-box a:hover { + background-color: inherit; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-title { + float: left; + font-size: var(--font-size-16); + font-weight: bold; + color: var(--black); + max-width: 90%; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-icon { + float: right; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-box { + width: 100%; + min-height: 1.25rem; + overflow: auto; + margin-bottom: 0.75rem; }
\ No newline at end of file |