diff --git a/app/assets/images/featured_debates.jpg b/app/assets/images/featured_debates.jpg deleted file mode 100644 index f1daa4c6e..000000000 Binary files a/app/assets/images/featured_debates.jpg and /dev/null differ diff --git a/app/assets/images/featured_proposals.jpg b/app/assets/images/featured_proposals.jpg deleted file mode 100644 index 303c21747..000000000 Binary files a/app/assets/images/featured_proposals.jpg and /dev/null differ diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index 5d3418748..470885665 100644 --- a/app/assets/stylesheets/admin.scss +++ b/app/assets/stylesheets/admin.scss @@ -70,10 +70,6 @@ body.admin { .admin-content { margin-top: rem-calc(24); - .filters h2 { - margin-top: 0; - } - .proposal-new, .proposal-edit { padding-top: 0; } diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index 8c279ff78..7edd5e020 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -8,7 +8,7 @@ // 06. Forms // 07. Alerts // 08. User account -// 09. Filters & search +// 09. Search // 10. Official levels // 11. Pagination // 12. Tables @@ -1028,60 +1028,9 @@ img.avatar, img.admin-avatar, img.moderator-avatar, img.initialjs-avatar { } } -// 09. Filters & search +// 09. Search // - - - - - - - - - - - - - - - - - - - - - - - - - -.filters, .search-results { - - h2 { - display: inline-block; - font-size: rem-calc(24); - margin: $line-height/2 0; - - @media (min-width: $small-breakpoint) { - margin: $line-height 0; - } - } - - select { - background-color: #DEE0E2; - height: auto; - margin-bottom: $line-height; - min-width: $line-height*7.5; - outline: 0; - padding: $line-height/2; - width: auto; - - @media (min-width: $small-breakpoint) { - margin: 0 0 $line-height $line-height/2; - } - - optgroup { - font-size: $small-font-size; - } - - option { - - &:after { - content: "a"; - font-family: "icons"; - } - } - } - - .debates-order { - text-align: left; - - @media (min-width: $small-breakpoint) { - text-align: right; - } - - select { - margin-left: 0; - } - } -} - .search-form { h3 { diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index c7d296744..ba61be077 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -789,8 +789,12 @@ // 05. Featured // - - - - - - - - - - - - - - - - - - - - - - - - - -.featured-debates-container { - background: $votes-bg; +.featured-debates, .featured-proposals { + padding: $line-height/2 0; + + @media (min-width: $small-breakpoint) { + margin-top: $line-height !important; + } @media (min-width: $medium-breakpoint) { margin-left: 0 !important; @@ -798,134 +802,40 @@ } h2 { - color: white; - } - - .debates-list { - margin-bottom: 0; - } -} - -.featured-proposals-container { - background: #FED900; - - @media (min-width: $medium-breakpoint) { - margin-left: 0 !important; - margin-right: rem-calc(-15) !important; - } - - h2 { - color: $text; - - @media (min-width: $medium-breakpoint) { - margin-bottom: rem-calc(27); - } - } -} - -.featured-debates-container, .featured-proposals-container { - margin: $line-height 0 !important; - - h2 { - font-size: rem-calc(24); - margin: rem-calc(12) 0 0; - position: relative; + font-size: $small-font-size; + line-height: $line-height; text-transform: uppercase; + } - .icon-proposals { - font-size: rem-calc(20); - position: absolute; - right: -26px; - top: -5px; + h3 { + margin-bottom: 0; + + a { + color: $text; + font-size: $h3-font-size; } } - .debates-list { - - @media (min-width: $medium-breakpoint) { - border-left: 1px solid $votes-border; - } - - &:after { - - @media (min-width: $medium-breakpoint) { - content: none; - } - } + a, .info { + color: lighten($text, 15%); + font-size: $small-font-size; } - .proposals-list { - - @media (min-width: $medium-breakpoint) { - border-left: 1px solid #D2B400; - } - - &:after { - border-color: #C9AF00 transparent transparent transparent; - - @media (min-width: $medium-breakpoint) { - content: " "; - } - } - } - - .debates-list, .proposals-list { - margin: rem-calc(6) 0; - - &:after { - content: none; - position: absolute; - display: block; - border-style: solid; - bottom: rem-calc(-20); - border-left-width: 0; - border-right-color: transparent; - right: rem-calc(1); - border-width: rem-calc(14) rem-calc(14) 0 0; - } - } } -.debate-featured, .proposal-featured { - margin-bottom: 0; - margin-top: 0; - padding-left: 0; +.featured-debates { + background: $highlight; +} - .panel { - background: none; - border: 0; - margin-bottom: 0; - padding: 0 rem-calc(12); - - h3 { - font-weight: bold; - margin: rem-calc(8) 0 0 0; - min-height: auto; - - a { - clear: both; - display: block; - font-size: rem-calc(14); - line-height: $line-height; - } - } - } - - .progress { - display: none !important; - } - - .content { - overflow: hidden; - } +.featured-proposals { + background: $featured; .supports { @include supports; background: none; border: 0; - padding: 0; - padding-left: rem-calc(13); - margin-right: rem-calc(-26); + padding-bottom: 0; + padding-top: 0; &:after { content: none; @@ -935,8 +845,12 @@ display: none; } + .button-support { + margin-top: 0; + } + .not-logged, .organizations-votes { - background: #FED900; + background: $featured; color: $warning-color; font-size: $small-font-size; line-height: rem-calc(24); @@ -949,14 +863,12 @@ } .anonymous-votes { - background: #FED900; - padding: 0; - padding-top: rem-calc(6); + background: $featured; p { - font-size: rem-calc(12); - line-height: rem-calc(20); - margin: 0; + color: $text; + font-size: $small-font-size; + line-height: $line-height; } } @@ -967,10 +879,6 @@ text-align: center; } - .button-support { - margin-top: rem-calc(4); - } - .supported { margin-top: 0; } @@ -981,53 +889,12 @@ .social-share-button-facebook, .social-share-button-google_plus { height: rem-calc(33); - } - .social-share-button-twitter:before, - .social-share-button-facebook:before, - .social-share-button-google_plus:before { - font-size: rem-calc(18); - line-height: rem-calc(33); + &:before { + font-size: rem-calc(18); + line-height: rem-calc(33); + } } } } } - -.debate-featured { - background: $votes-bg; - margin-bottom: rem-calc(12) !important; - - .panel h3 a { - color: #0D3F54; - font-size: $h3-font-size; - margin: 0; - } - - .info, .info a { - color: white !important; - font-family: $font-sans; - font-size: $small-font-size; - } - - .content { - height: auto; - } -} - -.proposal-featured { - background: #FED900; - - .panel h3 a { - color: $text; - font-size: $base-font-size; - } - - .info { - color: #806C00 !important; - font-size: $small-font-size; - } - - .content { - height: rem-calc(60); - } -} \ No newline at end of file diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss index 6a61ec72c..3cb09718c 100644 --- a/app/assets/stylesheets/variables.scss +++ b/app/assets/stylesheets/variables.scss @@ -74,6 +74,7 @@ $proposals: #FFA42D; $proposals-border: #CC8425; $highlight: #E7F2FC; +$featured: #FED900; $footer-bg: #DEE0E2; $footer-color: #171819; diff --git a/app/views/debates/_featured_debates_static.html.erb b/app/views/debates/_featured_debates_static.html.erb index 8fc48a7bc..8f7d0b68d 100644 --- a/app/views/debates/_featured_debates_static.html.erb +++ b/app/views/debates/_featured_debates_static.html.erb @@ -1,41 +1,17 @@ -