From 7b9475a8c88888ce17b045ab262e332c251ddfc2 Mon Sep 17 00:00:00 2001 From: akiyamn Date: Thu, 9 Jun 2022 11:59:24 +1000 Subject: Tweaks and reworked 37.html again --- src/css/uploadbox.css | 73 ++++++++++++++++++++++++--------------------------- 1 file changed, 34 insertions(+), 39 deletions(-) (limited to 'src/css/uploadbox.css') diff --git a/src/css/uploadbox.css b/src/css/uploadbox.css index 638646d..41de156 100644 --- a/src/css/uploadbox.css +++ b/src/css/uploadbox.css @@ -11,7 +11,7 @@ flex-shrink: 0; width: 708px; } -.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box > h2:first-of-type { +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box h2:first-of-type { margin: 4px 0; } @@ -62,16 +62,24 @@ min-height: 1.25rem; margin: 0; padding: 0; + display: flex; + justify-content: space-between; + align-items: center; } -.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-title, -.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-text { - float: left; +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-arrow { + display: flex; + flex-wrap: nowrap; + align-items: center; } -.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-icon, -.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-icon { - float: right; +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box i.upload-box__arrow-icon, +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-arrow i { + background: url(../img/arrow.png) no-repeat center; + display: block; + width: 24px; + height: 24px; + margin-left: 1em; } .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-size { font-size: var(--font-size-14); @@ -85,33 +93,6 @@ 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 { - 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-box { - width: 100%; - min-height: 1.25rem; - overflow: auto; - margin-bottom: 0.75rem; -} - .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__view-text { float: right; font-weight: bold; @@ -125,6 +106,25 @@ padding: 0; } +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.upload-box { + +} + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.upload-box .upload-box__content { + display: block; + height: 100%; +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.upload-box .upload-box__title { + margin: 0; +} + +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice button.upload-box .upload-box__title-container { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 12px; +} + /* Desktop */ @media only screen and (min-width: 1024px) { @@ -132,11 +132,6 @@ content: 'View'; } - .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__file-list .upload-box__file-item-textbox .upload-box__file-item-icon, - .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box__link-icon { - margin-left: 1rem; - } - .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .upload-box { padding: 1.5rem; } -- cgit v1.2.3