fix broken vote.css

2 files changed, 388 insertions, 3 deletions

diff --git a/css/vote.css b/css/vote.css
index 493fd0dc..b5024a2d 100644
--- a/css/vote.css
+++ b/css/vote.css
@@ -1,3 +1,387 @@
+#content {
+  display: flex; }
 
+.row {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  align-items: center; }
+
+.column {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 0;
+  flex-shrink: 0; }
+
+#votings {
+  position: relative !important; }
+  #votings .description {
+    padding: 12px 17px; }
+
+#controls {
+  flex-grow: 0; }
+
+#breadcrump {
+  flex-grow: 0;
+  overflow: hidden; }
+
+div.crumb {
+  overflow: hidden;
+  white-space: nowrap;
+  flex-shrink: 0; }
+
+.header {
+  margin-left: 265px;
+  padding: 0 17px;
+  align-items: initial; }
+  .header .vote.option .date-box {
+    flex-grow: 1; }
+  .header .vote.option .counter {
+    flex-grow: 0;
+    height: 32px; }
+
+.user {
+  border-top: 1px solid #ddd;
+  height: 44px;
+  padding: 0 17px; }
+
+.first {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 265px; }
+
+.vote, .poll-cell {
+  flex-grow: 1;
+  width: 85px;
+  margin: 2px;
+  align-items: center; }
+
+.date-box {
+  padding: 0 2px;
+  align-items: center; }
+  .date-box .month, .date-box .dayow {
+    font-size: 1.2em;
+    color: #666; }
+  .date-box .day {
+    font-size: 1.8em;
+    margin: 5px 0 5px 0; }
+
+.winner {
+  font-style: italic;
+  font-weight: bold;
+  color: #49bc49; }
+
+.counter {
+  font-size: 18px; }
+  .counter .yes, .counter .no {
+    margin: 0 2px; }
+    .counter .yes .svg, .counter .no .svg {
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: 24px;
+      height: 24px;
+      width: 24px; }
+  .counter .yes {
+    color: #49bc49; }
+    .counter .yes .svg {
+      background-image: url("../img/yes-vote.svg"); }
+  .counter .no {
+    color: #f45573; }
+    .counter .no .svg {
+      background-image: url("../img/no-vote.svg"); }
+
+.name {
+  margin-left: 5px; }
+
+.poll-cell {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 32px;
+  height: 44px; }
+  .poll-cell.active {
+    cursor: pointer;
+    border: 2px solid;
+    border-radius: 4px;
+    box-sizing: border-box; }
+  .poll-cell.yes {
+    background-color: #ebf5d6;
+    color: #49bc49;
+    background-image: url("../img/yes-vote.svg"); }
+  .poll-cell.no {
+    background-color: #ffede9;
+    color: #f45573;
+    background-image: url("../img/no-vote.svg"); }
+  .poll-cell.maybe {
+    background-color: #fcf7e1;
+    color: #f0db98;
+    background-image: url("../img/maybe-vote.svg"); }
+  .poll-cell.unvoted {
+    background-color: #fff4c8;
+    color: #f0db98;
+    background-color: #fff4c8; }
+
+.toggle-cell {
+  height: 28px;
+  height: 32px;
+  width: 32px;
+  flex-grow: 0;
+  cursor: pointer;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 28px; }
+  .toggle-cell.yes {
+    background-color: #ebf5d6;
+    background-image: url("../img/yes-toggle.svg"); }
+  .toggle-cell.no {
+    background-color: #ffede9;
+    background-image: url("../img/no-toggle.svg"); }
+  .toggle-cell.maybe {
+    background-color: #fcf7e1;
+    background-image: url("../img/maybe-toggle.svg"); }
+
+.current-user {
+  background-color: #e6f1f8; }
+
+#switchDetails {
+  margin-right: 6px; }
+
+.button.details .badge {
+  position: relative;
+  top: -34px;
+  right: -24px;
+  background-image: url("../../../apps/polls/css/../img/yes-comment.svg");
+  background-repeat: no-repeat;
+  background-size: 33px;
+  padding: 10px;
+  margin: -10px;
+  background-position-y: 9px;
+  background-position-x: -3px;
+  text-shadow: 1px 1px #666;
+  color: #fff; }
+  .button.details .badge.no-comments {
+    background-image: url("../../../apps/polls/css/../img/no-comment.svg"); }
+
+.external {
+  min-width: 150px; }
+  .external .th {
+    padding-left: 40px; }
+    .external .th input {
+      min-width: 100px; }
+
+.finish_vote {
+  padding: 10px 17px; }
+
+#poll-desc, #comments-container, #poll-dates {
+  margin-bottom: 15px; }
+
+.authorRow {
+  position: relative; }
+  .authorRow .author {
+    margin-left: 8px;
+    opacity: .5;
+    flex-grow: 1; }
+    .authorRow .author.external {
+      margin-right: 33px;
+      opacity: 1; }
+      .authorRow .author.external > input {
+        width: 100%; }
+
+.close.row {
+  justify-content: flex-end;
+  margin: 8px 8px 0 0; }
+
+#app-sidebar .header.row {
+  flex-direction: row;
+  align-items: flex-start;
+  margin-left: 0;
+  margin-top: 0; }
+
+.pollInformation {
+  width: 220px;
+  flex-grow: 1;
+  flex-shrink: 1;
+  padding-right: 15px; }
+  .pollInformation .authorRow .leftLabel {
+    margin-right: 4px; }
+  .pollInformation .cloud > span {
+    color: #fff;
+    margin: 2px;
+    padding: 2px 4px;
+    border-radius: 3px;
+    float: left;
+    text-shadow: 1px 1px #666;
+    background-color: #aaa; }
+  .pollInformation .cloud .open {
+    background-color: #49bc49; }
+  .pollInformation .cloud .expired {
+    background-color: #f45573; }
+  .pollInformation .cloud .information {
+    background-color: #b19c3e; }
+
+.pollActions {
+  display: flex;
+  flex-direction: column;
+  margin-right: 15px; }
+  .pollActions .close {
+    margin: 15px;
+    background-position: right top;
+    height: 30px; }
+  .pollActions > ul > li:focus, .pollActions > ul > li:focus > a, .pollActions > ul > li:hover, .pollActions > ul > li:hover > a, .pollActions > ul > li.active, .pollActions > ul > li.active > a, .pollActions > ul > li a.selected, .pollActions > ul > li a.selected > a {
+    opacity: 1;
+    box-shadow: inset 2px 0 #0082c9; }
+  .pollActions > ul > li > a[class*="icon-"],
+  .pollActions > ul > li > ul > li > a[class*="icon-"],
+  .pollActions > ul > li > a[style*="background-image"],
+  .pollActions > ul > li > ul > li > a[style*="background-image"] {
+    padding-left: 44px; }
+  .pollActions > ul > li > a,
+  .pollActions > ul > li > ul > li > a {
+    background-size: 16px 16px;
+    background-position: 14px center;
+    background-repeat: no-repeat;
+    display: block;
+    justify-content: space-between;
+    line-height: 44px;
+    min-height: 44px;
+    padding: 0 12px;
+    overflow: hidden;
+    box-sizing: border-box;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: #000;
+    opacity: 0.57;
+    flex: 1 1 0;
+    z-index: 100; }
+  .pollActions > ul > li a,
+  .pollActions > ul > li .app-navigation-entry-deleted {
+    padding-left: 44px !important; }
+
+#commentsTabView .comment {
+  margin-bottom: 30px; }
+  #commentsTabView .comment .comment-header {
+    background-color: #EEE;
+    border-bottom: 1px solid #DDD;
+    border-radius: 3px 3px 0 0; }
+  #commentsTabView .comment .comment-date {
+    float: right;
+    color: #555; }
+  #commentsTabView .comment .date {
+    position: absolute;
+    right: 0;
+    top: 5px;
+    opacity: .5; }
+#commentsTabView .message {
+  margin-left: 40px;
+  flex-grow: 1;
+  flex-shrink: 1; }
+#commentsTabView .new-comment .submitComment {
+  align-self: last baseline;
+  width: 30px;
+  margin: 0;
+  padding: 7px 9px;
+  background-color: transparent;
+  border: none;
+  opacity: .3; }
+#commentsTabView .new-comment .icon-loading-small {
+  float: left;
+  margin-top: 10px;
+  display: none; }
+
+@media all and (max-width: 768px) {
+  #app-content {
+    position: relative !important; } }
+@media all and (max-width: 480px) {
+  .row {
+    flex-direction: column; }
+    .row.user-cell, .row.counter, .row.counter .yes, .row.counter .no, .row.controls, .row.breadcrump, .row.submitPoll, .row.newCommentForm, .row.close {
+      flex-direction: row; }
+    .row.header {
+      flex-grow: 1;
+      margin-left: 0;
+      margin-top: 44px;
+      width: 120px;
+      padding: 0 0 0 4px; }
+      .row.header .vote {
+        padding-right: 10px; }
+        .row.header .vote.option {
+          align-items: baseline;
+          width: 100%;
+          border-top: 1px solid #ddd; }
+        .row.header .vote.time {
+          align-items: center;
+          width: 100%;
+          border-top: 1px solid #ddd; }
+          .row.header .vote.time .counter {
+            flex-direction: column;
+            align-items: right; }
+    .row.user {
+      display: none; }
+    .row.current-user {
+      display: flex;
+      width: 44px;
+      padding: 0;
+      border: none;
+      background-color: transparent; }
+      .row.current-user .poll-cell {
+        border: none;
+        border-radius: 0;
+        border-top: 1px solid #ddd;
+        background-color: transparent;
+        padding: 0 2px; }
+        .row.current-user .poll-cell.active.yes {
+          background-image: url("../img/yes-vote-bordered.svg"); }
+        .row.current-user .poll-cell.active.no {
+          background-image: url("../img/no-vote-bordered.svg"); }
+        .row.current-user .poll-cell.active.maybe {
+          background-image: url("../img/maybe-vote-bordered.svg"); }
+        .row.current-user .poll-cell.active.unvoted {
+          background-image: url("../img/unvoted-vote-bordered.svg"); }
+      .row.current-user .user-cell {
+        position: absolute;
+        left: 22px; }
+      .row.current-user .poll-cell, .row.current-user .toggle-cell {
+        width: 44px;
+        height: 44px;
+        background-color: transparent; }
+
+  .column.table-body {
+    flex-grow: 0; }
+  .column.poll-cell, .column.table {
+    flex-direction: row;
+    align-items: center; }
+  .column.vote.time {
+    flex-direction: row; }
+
+  .table {
+    display: flex;
+    margin-right: 8px;
+    padding-bottom: 75px; }
+
+  .submitPoll {
+    border-top: 1px solid #ddd;
+    box-shadow: 0px 0px 9px 2px #999999;
+    flex-wrap: wrap;
+    align-items: center;
+    position: fixed;
+    background-color: #fff;
+    bottom: 0;
+    width: 100%; }
+    .submitPoll .finish_vote {
+      padding: 8px 8px; }
+    .submitPoll .notification {
+      display: flex;
+      padding: 8px 8px;
+      line-height: 2em; }
+
+  .first {
+    height: 44px;
+    width: unset; }
+
+  #options.row {
+    flex-direction: column;
+    width: 100%; } }
+@media all and (max-width: 320px) {
+  .table {
+    padding-bottom: 105px; } }
 
 /*# sourceMappingURL=vote.css.map */
diff --git a/css/vote.scss b/css/vote.scss
index 91bb332f..a2f6d4be 100644
--- a/css/vote.scss
+++ b/css/vote.scss
@@ -340,7 +340,7 @@ div.crumb {
 		&:focus, &:hover, &.active, a.selected {
 			&, > a {
 				opacity: 1;
-				box-shadow: inset 2px 0 $color-primary;
+				box-shadow: inset 2px 0 #0082c9;
 			}
 		}
 
@@ -562,11 +562,12 @@ div.crumb {
 		flex-direction: column;
 		width: 100%;
 	}
- }
+
+}
 
  @media all and (max-width: (320px) ) {
 
 	.table { 
 		padding-bottom: 105px;
 	}
-}
\ No newline at end of file
+}