From 5d656f157a4fbdda22fd4c0519daca8b35f6c288 Mon Sep 17 00:00:00 2001 From: Alberto Garcia Cabeza Date: Mon, 26 Dec 2016 17:19:48 +0100 Subject: [PATCH] improves styles for polls views --- app/assets/stylesheets/participation.scss | 53 +++++++++++++++++++++-- 1 file changed, 50 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 6d9bc4216..cad8c2465 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -1049,12 +1049,15 @@ .poll, .poll-question { background: white; - border-bottom: 1px solid $border; + border-radius: rem-calc(6); margin-bottom: $line-height/2; +} + +.poll { padding: $line-height; - .date { - color: $brand; + .dates { + color: $text-medium; font-size: $small-font-size; } @@ -1062,3 +1065,47 @@ color: $text; } } + +h2.questions-callout { + font-size: $base-font-size; +} + +.poll-question { + padding: 0 $line-height; + + h3 { + padding-top: $line-height; + + a { + color: $text; + } + } +} + +.poll-question-answers { + + .button { + margin-right: $line-height/4; + min-width: rem-calc(168); + + &.answered { + background: #F4F8EC; + border: 2px solid #92BA48; + color: $text; + position: relative; + + &:after { + background: #92BA48; + border-radius: rem-calc(20); + content: "\6c"; + color: white; + font-family: "icons" !important; + font-size: rem-calc(12); + padding: $line-height/4; + position: absolute; + right: -6px; + top: -6px; + } + } + } +}