From 128d0638d5353b161bd49a316526a5876c6075ae Mon Sep 17 00:00:00 2001 From: Leonardo Mendoza Date: Wed, 12 Jul 2023 13:56:33 -0600 Subject: [PATCH 1/2] batch-of-fixes-12-jul-23 --- .../modal-email/modal-email.component.scss | 4 +-- src/app/layout/footer/footer.component.scss | 33 ++++++++++++++++--- src/styles.scss | 11 +++++-- 3 files changed, 40 insertions(+), 8 deletions(-) diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss index 77c4234cd9..3e008cb04d 100644 --- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss +++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss @@ -42,7 +42,7 @@ mat-form-field { } .actions-wrapper { - width: 50%; + width: 51%; } .actions-wrapper, @@ -107,7 +107,7 @@ mat-form-field { } .email-input-container { - max-width: 50%; + max-width: 49%; padding-inline-end: 24px; } diff --git a/src/app/layout/footer/footer.component.scss b/src/app/layout/footer/footer.component.scss index f10d5ef1d2..1fbe3a495a 100644 --- a/src/app/layout/footer/footer.component.scss +++ b/src/app/layout/footer/footer.component.scss @@ -1,6 +1,19 @@ footer { padding-bottom: 16px; } + +.columns-8, +.columns-4 { + :host { + + + footer { + padding-bottom: 75px; + } + } + +} + .url-lists { margin: 0; padding: 0; @@ -11,20 +24,25 @@ footer { height: 35px; padding-top: 24px; padding-bottom: 16px; - > .col { + + >.col { width: 275px; } + a { margin-left: 12px; + [dir] :host & { margin-left: auto; margin-right: 12px; } + img { height: 41px; width: auto; object-fit: cover; } + img.social { height: 24px; } @@ -37,6 +55,7 @@ footer { width: 80px; height: 15px; margin-right: 8px; + [dir] :host & { margin-right: auto; margin-left: 8px; @@ -45,6 +64,7 @@ footer { .CC0 { text-align: center; + .columns-4 :host &, .columns-8 :host & { padding-bottom: 15px; @@ -53,13 +73,16 @@ footer { } .links { - > .url-lists { + >.url-lists { justify-content: space-around; + a { + .columns-4 :host &, .columns-8 :host & { justify-content: space-around; } + button { padding: 0 12px; } @@ -71,6 +94,7 @@ a:hover, a:focus { text-decoration: underline; } + .links { a { cursor: pointer; @@ -78,7 +102,7 @@ a:focus { } } -.CC0 > a:hover { +.CC0>a:hover { text-decoration: underline; } @@ -95,7 +119,8 @@ a:focus { font-size: inherit !important; font-weight: inherit !important; } + .ot-sdk-show-settings:hover { color: inherit !important; background-color: inherit !important; -} +} \ No newline at end of file diff --git a/src/styles.scss b/src/styles.scss index b3c1d10f27..409ed2cdcf 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -23,22 +23,26 @@ html, body { height: 100%; } + body { margin: 0; font-family: 'Noto Sans', sans-serif; font-display: swap; } + app-root { min-height: 100%; position: relative; display: flex; flex-direction: column; } + .router-container { padding-bottom: 240px; //remove footer height + .columns-8 &, .columns-4 & { - padding-bottom: 410px; + padding-bottom: 500px; } } @@ -89,12 +93,15 @@ input[type='reset'] { font: inherit; cursor: pointer; } + html { overflow-y: scroll; } + .pointer { cursor: pointer; } + .sr-only { position: absolute; width: 1px; @@ -104,4 +111,4 @@ html { overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -} +} \ No newline at end of file From 5f8db15008f4f8e0b3aaf8ed09a174f71a6d2d80 Mon Sep 17 00:00:00 2001 From: Leonardo Mendoza Date: Wed, 12 Jul 2023 13:57:12 -0600 Subject: [PATCH 2/2] Format --- src/app/layout/footer/footer.component.scss | 12 ++++-------- src/styles.scss | 2 +- 2 files changed, 5 insertions(+), 9 deletions(-) diff --git a/src/app/layout/footer/footer.component.scss b/src/app/layout/footer/footer.component.scss index 1fbe3a495a..87b10b084d 100644 --- a/src/app/layout/footer/footer.component.scss +++ b/src/app/layout/footer/footer.component.scss @@ -5,13 +5,10 @@ footer { .columns-8, .columns-4 { :host { - - footer { padding-bottom: 75px; } } - } .url-lists { @@ -25,7 +22,7 @@ footer { padding-top: 24px; padding-bottom: 16px; - >.col { + > .col { width: 275px; } @@ -73,11 +70,10 @@ footer { } .links { - >.url-lists { + > .url-lists { justify-content: space-around; a { - .columns-4 :host &, .columns-8 :host & { justify-content: space-around; @@ -102,7 +98,7 @@ a:focus { } } -.CC0>a:hover { +.CC0 > a:hover { text-decoration: underline; } @@ -123,4 +119,4 @@ a:focus { .ot-sdk-show-settings:hover { color: inherit !important; background-color: inherit !important; -} \ No newline at end of file +} diff --git a/src/styles.scss b/src/styles.scss index 409ed2cdcf..cb0060635a 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -111,4 +111,4 @@ html { overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -} \ No newline at end of file +}