diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 8c1529531..4726d0114 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -1368,6 +1368,73 @@ ul.ballot-list { .poll { padding: $line-height; + position: relative; + + .icon-poll-answer { + border-top: 0; + border-bottom: 60px solid transparent; + height: 0; + position: absolute; + right: 0; + top: 0; + width: 0; + + &.can-answer:after, + &.cant-answer:after, + &.not-logged-in:after, + &.already-answer:after, + &.unverified:after { + font-family: "icons" !important; + left: 34px; + position: absolute; + top: 5px; + } + + &.can-answer { + border-right: 60px solid $info-bg; + + &:after { + color: $color-info; + content: "\6c"; + } + } + + &.cant-answer { + border-right: 60px solid $alert-bg; + + &:after { + color: $color-alert; + content: "\74"; + } + } + + &.not-logged-in { + border-right: 60px solid $info-bg; + + &:after { + color: $color-info; + content: "\6f"; + } + } + + &.unverified { + border-right: 60px solid $warning-bg; + + &:after { + color: $color-warning; + content: "\6f"; + } + } + + &.already-answer { + border-right: 60px solid $success-bg; + + &:after { + color: $color-success; + content: "\59"; + } + } + } .dates { color: $text-medium; @@ -1375,6 +1442,7 @@ ul.ballot-list { @include breakpoint(medium) { float: right; + margin-right: $line-height; } } diff --git a/app/views/polls/_poll_group.html.erb b/app/views/polls/_poll_group.html.erb index 20770014b..d9a36bd47 100644 --- a/app/views/polls/_poll_group.html.erb +++ b/app/views/polls/_poll_group.html.erb @@ -1,20 +1,59 @@ <% poll_group.each do |poll| %>
+
<%= t("polls.index.geozone_info") %>
<% end %> -