From d3c696116d90367dc550a50cfd2ee5306c38edee Mon Sep 17 00:00:00 2001 From: JackieBinya Date: Wed, 13 May 2020 02:11:17 +0200 Subject: [PATCH 1/5] Changes sites' main content background color from white to #F5F5F5 - adds
tag to apps layout gives it class .main & bulma class .has-background-light - gives .main padding-bottom of 5rem - and removed margin top of 5rem from footer so as to get rid of white space between footer and main --- src/App.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/App.vue b/src/App.vue index 64fd56ee7..976edfe38 100644 --- a/src/App.vue +++ b/src/App.vue @@ -112,6 +112,9 @@ export default { color: #2c3e50; counter-reset: step-counter; } + .main { + padding-bottom: 5rem; + } #site-container { padding: 0.75rem; } From 95daf5f74137ec4fddb5a349255458a37cdb6664 Mon Sep 17 00:00:00 2001 From: JackieBinya Date: Tue, 26 May 2020 06:59:32 +0200 Subject: [PATCH 2/5] Changes background of steps in stepper depending on status to match design --- src/components/Stepper.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/Stepper.vue b/src/components/Stepper.vue index 25598cc6f..6dbad6d6c 100644 --- a/src/components/Stepper.vue +++ b/src/components/Stepper.vue @@ -380,6 +380,10 @@ export default { .current, .previous { color: black; + background-color: #fff; + } + .inactive{ + background-color: #F5F5F5; } .previous.disabled { color: #B0B0B0; From 4b46eb6fb67fe98b6d9e3ceef390b98263a4b66e Mon Sep 17 00:00:00 2001 From: JackieBinya Date: Wed, 27 May 2020 06:18:01 +0200 Subject: [PATCH 3/5] Edits styling of buttons in stepper component - Changes font weight from 500 to bold - Edits font color of next button when disabled --- src/components/Stepper.vue | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/Stepper.vue b/src/components/Stepper.vue index 6dbad6d6c..dec8c8f95 100644 --- a/src/components/Stepper.vue +++ b/src/components/Stepper.vue @@ -400,10 +400,17 @@ export default { .step-navigation .pagination-previous { font-family: Roboto Condensed,sans-serif; font-style: normal; - font-weight: 500; font-size: 18px; line-height: 24px; } + .step-navigation, + .step-navigation { + font-weight: 500; + } + .pagination-next, + .pagination-previous { + font-weight: bold; + } .step-navigation .pagination-previous { border: 2px solid #787878; color: #787878; @@ -415,6 +422,7 @@ export default { } .pagination-next.disabled { background-color: #D8D8D8; + color: #787878 !important; } .pagination-next.disabled:hover, .pagination-next.disabled:active { From e0f73957ad55e53656793c75333849262e7689b5 Mon Sep 17 00:00:00 2001 From: JackieBinya Date: Wed, 27 May 2020 06:43:58 +0200 Subject: [PATCH 4/5] Edits background color of embeddable lisence code --- src/components/LicenseCopy.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/LicenseCopy.vue b/src/components/LicenseCopy.vue index 4624fbc76..1d93d5419 100644 --- a/src/components/LicenseCopy.vue +++ b/src/components/LicenseCopy.vue @@ -167,6 +167,9 @@ export default { #attribution-text p { margin-top: 0.5rem; margin-bottom: 1rem; + background-color: #fff; + padding: 24px 0 0 24px; + height: 100px; } #generated-html-container { padding-top: 10px; From 828bbbb42afb6e980e9c3dc0f57db035e61015b0 Mon Sep 17 00:00:00 2001 From: JackieBinya Date: Thu, 28 May 2020 12:40:25 +0200 Subject: [PATCH 5/5] Changes #app background-color --- src/App.vue | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/App.vue b/src/App.vue index 976edfe38..483d1cfce 100644 --- a/src/App.vue +++ b/src/App.vue @@ -111,9 +111,7 @@ export default { -moz-osx-font-smoothing: grayscale; color: #2c3e50; counter-reset: step-counter; - } - .main { - padding-bottom: 5rem; + background-color: #f5f5f5; } #site-container { padding: 0.75rem;