diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index 707f1e83..b3e08be0 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -22,20 +22,44 @@ $global-width: rem-calc(1200) !default; $header-styles: ( small: ( - "h1": ("font-size": 34), - "h2": ("font-size": 24), - "h3": ("font-size": 20), - "h4": ("font-size": 18), - "h5": ("font-size": 16), - "h6": ("font-size": 14), + "h1": ( + "font-size": 34, + ), + "h2": ( + "font-size": 24, + ), + "h3": ( + "font-size": 20, + ), + "h4": ( + "font-size": 18, + ), + "h5": ( + "font-size": 16, + ), + "h6": ( + "font-size": 14, + ), ), medium: ( - "h1": ("font-size": 44), - "h2": ("font-size": 34), - "h3": ("font-size": 24), - "h4": ("font-size": 19), - "h5": ("font-size": 16), - "h6": ("font-size": 13), + "h1": ( + "font-size": 44, + ), + "h2": ( + "font-size": 34, + ), + "h3": ( + "font-size": 24, + ), + "h4": ( + "font-size": 19, + ), + "h5": ( + "font-size": 16, + ), + "h6": ( + "font-size": 13, + ), ), ) !default; @@ -57,69 +81,69 @@ $full-width-margin: unquote("#{$global-width / 2} - 50vw") !default; // Scale up to offset Pracharath's font size. // Its base font size is smaller than Source Sans Pro // used by CONSUL. -$base-font-size: rem-calc(18) !default; -$base-line: rem-calc(26) !default; -$line-height: rem-calc(24) !default; -$tiny-font-size: rem-calc(12) !default; +$base-font-size: rem-calc(18) !default; +$base-line: rem-calc(26) !default; +$line-height: rem-calc(24) !default; +$tiny-font-size: rem-calc(12) !default; $font-family-serif: Georgia, "Times New Roman", Times, serif !default; -$brand: #e67e44 !default; -$brand-secondary: darken($brand, 10%) !default; -$dark: $brand-secondary !default; +$brand: #e67e44 !default; +$brand-secondary: darken($brand, 10%) !default; +$dark: $brand-secondary !default; -$text: $black !default; -$text-medium: #515151 !default; -$text-light: #bfbfbf !default; +$text: $black !default; +$text-medium: #515151 !default; +$text-light: #bfbfbf !default; -$border: #dee0e3 !default; +$border: #dee0e3 !default; -$link: $brand !default; -$link-hover: darken($link, 20%) !default; +$link: $brand !default; +$link-hover: darken($link, 20%) !default; -$debates: $brand !default; +$debates: $brand !default; -$like: #7bd2a8 !default; -$unlike: #ef8585 !default; +$like: #7bd2a8 !default; +$unlike: #ef8585 !default; -$delete: #f04124 !default; -$check: #46db91 !default; +$delete: #f04124 !default; +$check: #46db91 !default; -$proposals: #ffa42d !default; -$proposals-dark: #794500 !default; +$proposals: #ffa42d !default; +$proposals-dark: #794500 !default; -$budget: #7e328a !default; -$budget-hover: #7571bf !default; +$budget: #7e328a !default; +$budget-hover: #7571bf !default; -$highlight: #e7f2fc !default; -$highlight-soft: #f3f8fd !default; -$light: #f5f7fa !default; -$featured: #ffdc5c !default; +$highlight: #e7f2fc !default; +$highlight-soft: #f3f8fd !default; +$light: #f5f7fa !default; +$featured: #ffdc5c !default; -$footer-border: #bfc1c3 !default; +$footer-border: #bfc1c3 !default; -$success-bg: #dff0d8 !default; -$success-border: #d6e9c6 !default; -$color-success: #3c763d !default; +$success-bg: #dff0d8 !default; +$success-border: #d6e9c6 !default; +$color-success: #3c763d !default; -$info-bg: #d9edf7 !default; -$info-border: #bce8f1 !default; -$color-info: #31708f !default; +$info-bg: #d9edf7 !default; +$info-border: #bce8f1 !default; +$color-info: #31708f !default; -$warning-bg: #fcf8e3 !default; -$warning-border: #faebcc !default; -$color-warning: #8a6d3b !default; +$warning-bg: #fcf8e3 !default; +$warning-border: #faebcc !default; +$color-warning: #8a6d3b !default; -$alert-bg: #f2dede !default; -$alert-border: #ebccd1 !default; -$color-alert: #a94442 !default; +$alert-bg: #f2dede !default; +$alert-border: #ebccd1 !default; +$color-alert: #a94442 !default; -$pdf-primary: #0300ff !default; -$pdf-secondary: #ff9e00 !default; +$pdf-primary: #0300ff !default; +$pdf-secondary: #ff9e00 !default; -$outline-focus: 3px solid #ffbf47 !default; +$outline-focus: 3px solid #ffbf47 !default; -$input-height: $line-height * 2 !default; +$input-height: $line-height * 2 !default; $font-icon-margin: rem-calc(4) !default; $icon-width: $line-height * 2 !default; @@ -145,7 +169,7 @@ $sdg-colors: ( 14: #0a97d9, 15: #56c02b, 16: #00689d, - 17: #19486a + 17: #19486a, ) !default; // 3. Foundation overrides depending on CONSUL variables @@ -154,7 +178,7 @@ $sdg-colors: ( $tab-background-active: $white !default; $tab-item-font-size: $base-font-size !default; -$tab-item-padding: $line-height / 2 0 !default; +$tab-item-padding: $line-height / 2 0 !default; $tab-content-border: $border !default; $closebutton-color: $text !default; diff --git a/app/assets/stylesheets/_settings.scss b/app/assets/stylesheets/_settings.scss index f6ab4e74..d18a037c 100644 --- a/app/assets/stylesheets/_settings.scss +++ b/app/assets/stylesheets/_settings.scss @@ -311,10 +311,12 @@ $button-padding: 0.85em 1em !default; $button-margin: 0 0 $global-margin 0 !default; $button-fill: solid !default; $button-background: $primary-color !default; -$button-background-hover: scale-color( - $button-background, - $lightness: -15% -) !default; +// Override button button background hover for MFP-NEXT. +// $button-background-hover: scale-color( +// $button-background, +// $lightness: -15% +// ) !default; +$button-background-hover: #f57832 !default; $button-color: $white !default; $button-color-alt: $black !default; // Override button border radius for MFP-NEXT. diff --git a/app/assets/stylesheets/custom/custom_debates.scss b/app/assets/stylesheets/custom/custom_debates.scss index 6e4fae74..40784768 100644 --- a/app/assets/stylesheets/custom/custom_debates.scss +++ b/app/assets/stylesheets/custom/custom_debates.scss @@ -18,6 +18,47 @@ } .debates-list { + .advanced-search-form { + .date-filters { + width: 100%; + display: flex; + align-items: flex-end; + flex-direction: column; + + @include breakpoint(medium) { + flex-direction: row; + } + + .filter { + width: 100%; + + @include breakpoint(medium) { + width: 33.33%; + } + } + + .custom-date-filters { + width: 100%; + display: flex; + flex-direction: column; + + @include breakpoint(medium) { + flex-direction: row; + width: 66.66%; + align-items: flex-end; + } + + .filter { + width: 100%; + + @include breakpoint(medium) { + width: 50%; + } + } + } + } + } + .debate { .panel { .row { @@ -58,3 +99,15 @@ } } } + +.trending-tag { + .tag-cloud { + a { + width: 100%; + text-align: center; + border-radius: 22px; + padding: 12px; + border: $input-border; + } + } +} diff --git a/app/assets/stylesheets/custom/custom_pageee.scss b/app/assets/stylesheets/custom/custom_pageee.scss index 1b79e8f2..c0e7f026 100644 --- a/app/assets/stylesheets/custom/custom_pageee.scss +++ b/app/assets/stylesheets/custom/custom_pageee.scss @@ -1,24 +1,35 @@ .page-login { - .wrapper { + .wrapper_devise { + display: grid; + grid-template-columns: 33% 67%; .right_right { - background-color: rgb(244, 244, 244); - - .column { - background: rgb(244, 244, 244); - } + background-color: #FCFCFC; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + align-items: stretch; + align-content: stretch; .auth-form { .title-login-page { - @include breakpoint(medium) { - padding-top: $line-height * 4; - text-align: center; - } + text-align: center; } - .row { - .auth-divider-login { - span { - font-size: 22px; - font-family: "Anakotmai"; - } + .button-facebook{ + text-align: left; + } + .button-google{ + text-align: left; + } + .button-twitter{ + text-align: left; + } + .auth-divider-login { + text-align: center; + margin-top: 10px; + margin-bottom: 10px; + span { + font-size: 22px; + font-family: "Anakotmai"; } } .column { @@ -49,32 +60,60 @@ font-family: "Pracharath"; } } - .register-organization-page { - .title_organizations { - @include breakpoint(medium) { - padding-top: $line-height * 4; - text-align: center; - margin-bottom: 30px; - width: 100%; - } + .register-page{ + h2{ + text-align: center; + } + .register_organisation{ + background-color: rgb(255, 255, 255); + text-align: center; + font-family: "Anakotmai"; + font-size: 18px; + border-radius: 28px; + padding: 28px 28px 28px 28px; + margin-bottom: 15px; + margin-top: 20px; + } - .register_bottom { + .register_bottom{ display: flex; - align-items: center; + flex-direction: column; + flex-wrap: wrap; justify-content: center; - position: relative; - margin-bottom: 15px; - .checkbox-label { - .checkbox { + align-items: center; + align-content: center; + label{ + border-radius: 28px; + padding: 28px 28px 28px 28px; + font-size: 16px; + font-family: "Pracharath"; + + } + } + } + .register-organization-page { + + .title_organizations { + @include breakpoint(medium) { + text-align: center; + margin-bottom: 30px; + } + } + .register_bottom{ + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + align-items: center; + align-content: center; + label{ font-size: 16px; font-family: "Pracharath"; + } } } - } .forget_password_page { - padding-top: 12rem; - padding-bottom: 20rem; .new_user { .row { .column { @@ -93,18 +132,16 @@ } } .left_left { - .column { - background: rgb(255, 255, 255); - } + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + align-items: stretch; + align-content: center; + background-color: #ffffff; .img_login { - display: grid; - grid-template-rows: 500px 300px; - color: $black; - margin-left: 50px; - background: rgb(255, 255, 255); + .top { - display: grid; - align-content: space-between; .back { clear: both; color: black; @@ -116,6 +153,7 @@ margin-top: 70px; font-family: "Anakotmai"; font-weight: normal; + padding-bottom: 33%; .icon-angle-left { padding-right: $line-height; font-size: 2rem; @@ -126,29 +164,20 @@ } img { width: 476px; - height: 136px; - margin-bottom: 30px; + padding-bottom: 33%; } } - .bottom { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: flex-end; - align-items: flex-start; - align-content: flex-end; - color: rgb(0, 0, 0); - h3 { - font-size: 22px; - font-weight: normal; - font-family: "Anakotmai"; - padding-bottom: 5px; - } - h5 { - font-size: 18px; - font-family: "Pracharath"; - font-weight: lighter; - } + .title_login_header{ + padding-top: 33%; + padding-bottom: 10px; + font-size: 22px; + color: #2A3D4F; + font-family: "Anakotmai"; + } + .title_login{ + font-size: 18px; + color:#000; + font-family: "Pracharath"; } } } @@ -161,6 +190,7 @@ margin-top: 35px; margin-bottom: 18px; font-size: 17.5px; + } .confirmations { display: block; @@ -230,25 +260,98 @@ align-items: flex-end; } -@media only screen and(max-width:1600px) { - .page-login { - .wrapper { - .right_right { - background-color: rgb(244, 244, 244); - .column { - background: rgb(244, 244, 244); + +.auth-divider { + border-top: 1px solid $border; + margin-top: $line-height * 1.5; + text-align: center; + + span { + background: $body-background; + box-decoration-break: clone; + font-weight: bold; + padding: 0 $line-height / 2; + position: relative; + top: -$line-height / 2; + } +} +.public { + .wrapper { + .account { + .title_header { + margin-left: 50px; + margin-bottom: 20px; + img { + margin-right: 35px; } + } + .edit_account { + .personal_details { + h2 { + font-size: 26px; + font-family: "Anakotmai"; + color: rgb(0, 0, 0); + } + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: flex-start; + align-items: baseline; + align-content: stretch; + padding-top: 30px; + padding-left: 50px; + padding-bottom: 30px; + .checkbox-label { + span { + color: rgb(0, 0, 0); + font-size: 24px; + font-family: "Pracharath"; + margin-top: 5px; + } + } + input[type="submit"] { + width: 369px; + height: 72.97px; + font-size: 28px; + } + } + } + } + } +} +@media only screen and(max-width:500px){ + .page-login { + .wrapper_devise { + display: block; + .right_right { + background-color: #FCFCFC; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + align-items: stretch; + align-content: stretch; .auth-form { .title-login-page { text-align: center; } - .row { - .auth-divider-login { - span { - font-size: 22px; - font-family: "Anakotmai"; - } + .button-facebook{ + text-align: left; + } + .button-google{ + text-align: left; + } + .button-twitter{ + text-align: left; + } + .auth-divider-login { + text-align: center; + margin-top: 10px; + margin-bottom: 10px; + span { + font-size: 18px; + font-family: "Anakotmai"; } } .column { @@ -279,29 +382,65 @@ font-family: "Pracharath"; } } - .register-organization-page { - .title_organizations { + .register-page{ + h2{ text-align: center; - margin-bottom: 30px; - width: 100%; } - .register_bottom { + .register_organisation{ + background-color: rgb(255, 255, 255); + text-align: center; + font-family: "Anakotmai"; + font-size: 18px; + border-radius: 15px; + padding: 15px 15px 15px 15px; + margin-bottom: 15px; + margin-top: 20px; + + } + .register_bottom{ display: flex; - align-items: center; + flex-direction: column; + flex-wrap: wrap; justify-content: center; - position: relative; - margin-bottom: 15px; - .checkbox-label { - .checkbox { + align-items: center; + align-content: center; + label{ + + font-size: 16px; + font-family: "Pracharath"; + a{ + display: block; + text-align: center; + } + } + } + } + .register-organization-page { + + .title_organizations { + @include breakpoint(medium) { + text-align: center; + margin-bottom: 30px; + } + } + .register_bottom{ + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + align-items: center; + align-content: center; + label{ font-size: 16px; font-family: "Pracharath"; + a{ + display: block; + text-align: center; + } } } } - } .forget_password_page { - padding-top: 12rem; - padding-bottom: 20rem; .new_user { .row { .column { @@ -313,181 +452,89 @@ } } } + .small-centered{ + font-size: 16px; + } } .account { font-size: 18px; font-family: "Pracharath"; } } - } - } -} -@media only screen and(max-width:1450px) { - .page-login { - .wrapper { - .left_left { - .column { - .img_login { - margin-left: 3px; - } - } - } - } - } -} -@media only screen and(max-width:1027px) { - .page-login { - .wrapper { .left_left { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + align-items: stretch; + align-content: center; + background-color: #ffffff; + margin-left: 20px; + .img_login { + .top { + .back { + clear: both; + color: black; + display: flex; + align-items: center; + justify-content: left; + text-decoration: none; + font-size: 22px; + margin-top: 5px; + font-family: "Anakotmai"; + font-weight: normal; + padding-bottom: 15%; + .icon-angle-left { + padding-right: $line-height; + font-size: 2rem; + } + } + .back:not([class^="icon-"]) { + text-decoration: none; + } img { - width: 300px; - height: 85px; - margin-bottom: 130px; + width: 476px; + padding-bottom: 5%; } } - .bottom { - margin-top: 50px; + .title_login_header{ + padding-top: 8%; + font-size: 22px; + color: #2A3D4F; + font-family: "Anakotmai"; + } + .title_login{ + font-size: 18px; + color:#000; + font-family: "Pracharath"; } } } - } - } -} -.auth-form { - .register-page { - @include breakpoint(medium) { - padding-top: $line-height * 4; - } - h2 { - font-size: 42px; - text-align: center; - width: 100%; - } - - .title_all { - text-align: left; - } - .account { - font-size: 18px; - } - .register_bottom { - display: flex; - align-items: center; - justify-content: center; - position: relative; - margin-bottom: 30px; - .checkbox-label { - .checkbox { - font-size: 16px; - font-family: "Pracharath"; - } - } - } - .register_organisation { - background: rgb(255, 255, 255); - padding: 10px 10px; - margin-bottom: 10px; - border-radius: 25px; - text-align: center; - a { - color: rgb(0, 0, 0); - font-family: "Anakotmai"; - font-weight: normal; + .forget_password { + margin-top: 10px; + margin-bottom: 18px; + font-size: 17.5px; } - } - } - .text_footer { - font-size: 16.2px; - color: #000; - } - .auth-divider-login { - margin-top: $line-height * 1.5; - text-align: center; - font-size: 22px; - margin-bottom: 10px; - color: rgb(4, 17, 49); - font-family: "Anakotmai"; - span { - box-decoration-break: clone; - font-weight: normal; - padding: 0 $line-height / 2; - position: relative; - top: -$line-height / 2; - color: #2a3d4f; - } - } - .account { - margin-top: 30px; - text-align: center; - font-size: 20px; - .title_header { - padding-left: 46px; - display: flex; - padding-bottom: 30px; - .inline-block { - padding-left: 30px; + .forget_password_login { + margin-top: 35px; + margin-bottom: 18px; + font-size: 17.5px; + } - } - } -} - -.auth-divider { - border-top: 1px solid $border; - margin-top: $line-height * 1.5; - text-align: center; - - span { - background: $body-background; - box-decoration-break: clone; - font-weight: bold; - padding: 0 $line-height / 2; - position: relative; - top: -$line-height / 2; - } -} -.public { - .wrapper { - .account { - .title_header { - margin-left: 50px; - margin-bottom: 20px; - img { - margin-right: 35px; - } + .confirmations { + display: block; + text-align: center; + color: black; } - .edit_account { - .personal_details { - h2 { - font-size: 26px; - font-family: "Anakotmai"; - color: rgb(0, 0, 0); - } - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: baseline; - align-content: stretch; - padding-top: 30px; - padding-left: 50px; - padding-bottom: 30px; - .checkbox-label { - span { - color: rgb(0, 0, 0); - font-size: 24px; - font-family: "Pracharath"; - margin-top: 5px; - } - } - input[type="submit"] { - width: 369px; - height: 72.97px; - font-size: 28px; - } - } + .edit_user { + text-align: left; } } + .height_password { + background-color: red; + height: 100vh; + } } } diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index 8292ef5f..6788489c 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -1166,42 +1166,14 @@ footer { // -------------- .auth-page { - .wrapper { - .right_right { - height: 100vh; - background: rgb(244, 244, 244); - .column { - background: rgb(244, 244, 244); - } - } - .left_left { - .column { - background: rgb(255, 255, 255); - } - } - .forget_password { - margin-top: 10px; - margin-bottom: 18px; - font-size: 17.5px; - } - .forget_password_login { - margin-top: 35px; - margin-bottom: 18px; - font-size: 21px; - } - .confirmations { - display: block; - text-align: center; - color: black; - } - .edit_user { - text-align: left; - } - } - - .footer { - margin-top: 0; - } + background: rgb(2, 0, 36); + background: linear-gradient( + 90deg, + rgba(2, 0, 36, 1) 0%, + rgba(255, 255, 255, 1) 0%, + rgba(255, 255, 255, 1) 33%, + rgba(252, 252, 252, 1) 33% + ); } .login_button { @@ -1211,288 +1183,6 @@ footer { opacity: 1; } -.right { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - align-content: center; - height: 100vh; - background: rgb(244, 244, 244); -} - -.footer_forget_password { - text-align: center; -} - -.title_forget_password { - display: flex; - flex-direction: row; - align-items: flex-end; -} - -.img_login { - display: grid; - grid-template-rows: 500px 300px; - color: $black; - margin-left: 50px; - - .top { - display: grid; - align-content: space-between; - - img { - width: 476px; - height: 136px; - margin-bottom: 30px; - } - } - - .bottom { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: flex-end; - align-items: flex-start; - align-content: flex-end; - color: rgb(0, 0, 0); - - h3 { - font-size: 22px; - font-weight: normal; - font-family: "Anakotmai"; - padding-bottom: 5px; - } - - h5 { - font-size: 18px; - font-family: "Pracharath"; - font-weight: lighter; - } - } -} - -@media only screen and(max-width:1940px) { - .img_login { - display: grid; - grid-auto-rows: minmax(350px, 2fr) minmax(max-content, 2fr) - minmax(20%, 60vmax); - - .top { - img { - width: 400px; - } - } - } - - .wrapper { - .right_right { - .column { - background: rgb(244, 244, 244); - } - } - - .left_left { - .column { - height: 100vh; - background: rgb(255, 255, 255); - } - } - } -} - -@media only screen and(max-width:1700px) { - .img_login { - display: grid; - grid-auto-rows: minmax(350px, 2fr) minmax(max-content, 2fr) - minmax(20%, 60vmax); - - .top { - img { - width: 400px; - } - } - } - - .wrapper { - .right_right { - .column { - background: rgb(244, 244, 244); - } - } - - .left_left { - .column { - height: 100vh; - background: rgb(255, 255, 255); - } - } - } -} - -@media only screen and(max-width:1523px) { - .img_login { - display: grid; - grid-auto-rows: minmax(300px, 2fr) minmax(max-content, 2fr) - minmax(20%, 60vmax); - } -} - -.register_organisation { - background: rgb(255, 255, 255); - padding: 10px 10px; - margin-bottom: 10px; - border-radius: 25px; - text-align: center; - - a { - color: rgb(0, 0, 0); - font-family: "Anakotmai"; - font-weight: normal; - } -} - -@media only screen and(max-width:1027px) { - .wrapper { - .left_left { - .img_login { - display: grid; - grid-template-rows: 400px 400px; - - .top { - img { - width: 300px; - height: 85px; - margin-bottom: 30px; - } - } - - .bottom { - margin-top: 50px; - } - } - } - } -} - -.register_bottom { - display: flex; - align-items: center; - justify-content: center; - position: relative; - margin-bottom: 30px; - - .checkbox-label { - .checkbox { - font-size: 16px; - font-family: "Pracharath"; - } - } -} - -.small-centered { - input[type="submit"] { - font-size: 21px; - border-radius: 10px; - margin-bottom: 30px; - } -} - -.auth-image { - background: $brand image-url("auth_bg.jpg"); - background-repeat: no-repeat; - background-size: cover; - color: $white; - - @include breakpoint(medium) { - min-height: $line-height * 42; - } - - h1 { - margin-top: $line-height; - - a { - color: inherit; - display: block; - text-align: center; - - @include breakpoint(medium) { - display: inline-block; - text-align: left; - } - } - } -} - -.title_organizations { - text-align: center; - margin-bottom: 30px; - width: 100%; -} - -.auth-form { - @include breakpoint(medium) { - padding-top: $line-height * 4; - } - - .forget_password_page { - padding-top: 7rem; - height: 60vh; - } - - h2 { - font-size: 42px; - text-align: center; - width: 100%; - } - - .title_all { - text-align: left; - } - - .line_remember_login { - display: flex; - justify-content: space-between; - margin-bottom: 20px; - - a { - line-height: 2.5rem; - } - } - - .account { - font-size: 18px; - } - - p, - .checkbox { - font-size: 18px; - } -} - -.text_footer { - font-size: 16.2px; - color: #000; -} - -.auth-divider-login { - margin-top: $line-height * 1.5; - text-align: center; - font-size: 22px; - margin-bottom: 10px; - color: rgb(4, 17, 49); - font-family: "Anakotmai"; - - span { - box-decoration-break: clone; - font-weight: bold; - padding: 0 $line-height / 2; - position: relative; - top: -$line-height / 2; - color: #2a3d4f; - } -} - .account { margin-top: 30px; text-align: center; @@ -1514,7 +1204,6 @@ footer { justify-content: flex-start; align-items: baseline; align-content: stretch; - background-color: #ffffff; padding-top: 30px; padding-left: 50px; padding-bottom: 30px; diff --git a/app/components/debates/form_component.html.erb b/app/components/debates/form_component.html.erb index 7d8d35b0..b10b6b3a 100644 --- a/app/components/debates/form_component.html.erb +++ b/app/components/debates/form_component.html.erb @@ -35,29 +35,29 @@ class: "tag-autocomplete" %> --> -
+
@@ -70,13 +70,15 @@ - <%= f.text_field :tag_list, value: debate.tag_list.to_s, - placeholder: t("debates.form.tags_placeholder"), - data: { js_url: suggest_tags_path }, - class: "tag-autocomplete" %> +
+ <%= f.text_field :tag_list, value: debate.tag_list.to_s, + placeholder: t("debates.form.tags_placeholder"), + data: { js_url: suggest_tags_path }, + class: "tag-autocomplete" %> +
- <%= render SDG::RelatedListSelectorComponent.new(f) %> + <%= render SDG::RelatedListSelectorComponent.new(f) %>
@@ -85,24 +87,23 @@ <%= f.check_box :terms_of_service, title: t("form.accept_terms_title"), label: t("form.accept_terms", - policy: link_to(t("form.policy"), "/privacy", target: "blank"), - conditions: link_to(t("form.conditions"), "/conditions", target: "blank") + policy: link_to(t("form.policy"), "https://www.moveforwardparty.org/privacy-policy/", target: "blank"), + conditions: link_to(t("form.conditions"), "https://www.moveforwardparty.org/privacy-policy/", target: "blank") ) %>
<% end %> - <%= f.submit(class: "button", value: t("debates.#{action_name}.form.submit_button")) %> + <%= f.submit(class: "button send-debates", value: t("debates.#{action_name}.form.submit_button")) %> <% end %> \ No newline at end of file diff --git a/app/views/debates/index.html.erb b/app/views/debates/index.html.erb index f6f0e0ff..ba00dee3 100644 --- a/app/views/debates/index.html.erb +++ b/app/views/debates/index.html.erb @@ -9,7 +9,7 @@ <% end %>
- - - <%= render "shared/section_header", i18n_namespace: "debates.index.section_header", image: "debates" %> + <% end %> <% if feature?("user.recommendations") && @recommended_debates.present? %> <%= render "shared/recommended_index", recommended: @recommended_debates, @@ -77,11 +75,25 @@ <% end %> --> -
+ diff --git a/app/views/layouts/devise.html.erb b/app/views/layouts/devise.html.erb index 73378271..c48fdb98 100644 --- a/app/views/layouts/devise.html.erb +++ b/app/views/layouts/devise.html.erb @@ -8,24 +8,20 @@