From 953a98b0387c6f407060227881dc24026c9945f8 Mon Sep 17 00:00:00 2001
From: Oleksandr Zhurbenko <ol.zhurbenko@gmail.com>
Date: Fri, 21 Aug 2015 10:14:56 -0700
Subject: [PATCH] Added scaling and truncating to the bar with poll buttons
 with answers

---
 bigbluebutton-html5/app/client/globals.coffee     |  6 ++++++
 .../app/client/stylesheets/whiteboard.less        | 15 ++++++++++++---
 .../app/client/views/whiteboard/whiteboard.html   |  2 +-
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/bigbluebutton-html5/app/client/globals.coffee b/bigbluebutton-html5/app/client/globals.coffee
index 13392ff89f..a08e1117e2 100755
--- a/bigbluebutton-html5/app/client/globals.coffee
+++ b/bigbluebutton-html5/app/client/globals.coffee
@@ -178,6 +178,12 @@ Handlebars.registerHelper 'whiteboardSize', (section) ->
 Handlebars.registerHelper "getPollQuestions", ->
   polls = BBB.getCurrentPoll(getInSession('userId'))
   if polls? and polls isnt undefined
+    number = polls.poll_info.poll.answers.length
+    widthStyle = "width: calc(75%/" + number + ");"
+    marginStyle = "margin-left: calc(25%/" + (number*2) + ");" + "margin-right: calc(23%/" + (number*2) + ");"
+    buttonStyle = widthStyle + marginStyle
+    for answer in polls.poll_info.poll.answers
+      answer.style = buttonStyle
     return polls.poll_info.poll.answers
 
 @getSortedUserList = (users) ->
diff --git a/bigbluebutton-html5/app/client/stylesheets/whiteboard.less b/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
index c26fa240da..42940d1996 100755
--- a/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
+++ b/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
@@ -102,6 +102,7 @@
   padding-top:10px;
   padding-bottom:10px;
   border-top: 1px solid extract(@lightGrey, 3);
+  font-size: 0; /* to remove default 4px gaps between the buttons caused by display: inline-block */
 }
 
 .pollButtons {
@@ -110,9 +111,17 @@
   font-weight: bold;
   border: 1px solid extract(@lightGrey, 3);
   height: 100%;
-  margin: 0 1rem 0 1rem;
-  padding: auto;
-  
+  padding-left: 0rem !important;  /*overwriting the default foundation padding */
+  padding-right: 0rem !important; /*overwriting the default foundation padding */
+  max-width: calc(~'100%/6');     /* the actual width and margins are calculated in the code */
+  /* truncating the text inside the buttons */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  /* the end of truncating */
+  span {
+    max-width: 80%;
+  }
   &:hover {
     background: #3A82D4;
   }
diff --git a/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html b/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
index f72ada56a5..711ad5b857 100755
--- a/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
+++ b/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
@@ -18,7 +18,7 @@
     {{#if isPollStarted}}
       <div class="polling">
         {{#each getPollQuestions}}
-          {{> makeButton btn_class="pollButtons" rel="tooltip" data_placement="top" label=key answer=id}}
+          {{> makeButton btn_class="pollButtons" rel="tooltip" data_placement="top" label=key answer=id style=style }}
         {{/each}}
       </div>
     {{/if}}