Changed the style of the Raise/Lower Hand and Enter/Exit Full Screen …

…buttons to make them obviously clickable.
bigbluebutton · Jun 10, 2015 · af25c8f · af25c8f
1 parent 1a102ee
commit af25c8f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 32 deletions.
diff --git a/bigbluebutton-html5/app/client/stylesheets/whiteboard.less b/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
@@ -171,17 +171,8 @@
 }
 
 .whiteboardFullscreenButton {
-  position: absolute;
   top: 0;
   right: 0;
-  margin-bottom: 0;
-  padding: 0;
-  &, &:hover {
-    background-color: transparent;
-  }
-  i {
-    color: black;
-  }
   @media @landscape {
     height: 50px;
     width: 50px;
@@ -193,39 +184,23 @@
 }
 
 .raiseHandButton {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  margin-bottom: 0;
-  padding: 0;
-  &, &:hover {
-    background-color: transparent;
-  }
-  i {
-    color: black;
-  }
   @media @desktop-portrait, @landscape {
+    bottom: 0;
+    right: 0;
     height: 50px;
     width: 50px;
   }
   @media @mobile-portrait-with-keyboard, @mobile-portrait {
+    bottom: 0;
+    right: 0;
     height: 100px;
     width: 10%;
   }
 }
 
 .exitFullscreenButton {
-  position: absolute;
   top: 0;
   right: 0;
-  margin-bottom: 0;
-  padding: 0;
-  &, &:hover {
-    background-color: transparent;
-  }
-  i {
-    color: black;
-  }
   @media @landscape {
     height: 50px;
     width: 50px;
@@ -236,6 +211,20 @@
   }
 }
 
+.soaringButton {
+  position: absolute;
+  margin-bottom: 0;
+  padding: 0;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.2);
+  &:hover {
+    background: rgba(0, 0, 0, 0.4);
+  }
+  i {
+    color: black;
+  }
+}
+
 .iconChrome {
   i {
     font-size: 200%;

diff --git a/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html b/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
@@ -7,12 +7,12 @@
       <div id="whiteboard-paper">
       </div>
       {{#if isCurrentUserRaisingHand}}
-        {{> makeButton btn_class="lowerHand raiseHandButton" i_class="ion-android-hand"}}
+        {{> makeButton btn_class="lowerHand soaringButton raiseHandButton" i_class="ion-android-hand"}}
       {{else}}
-        {{> makeButton btn_class="raiseHand raiseHandButton" i_class="ion-android-hand"}}
+        {{> makeButton btn_class="raiseHand soaringButton raiseHandButton" i_class="ion-android-hand"}}
       {{/if}}
       {{#if isMobile}}
-        {{> makeButton btn_class="fullscreenButton whiteboardFullscreenButton" i_class="ion-arrow-expand"}}
+        {{> makeButton btn_class="soaringButton fullscreenButton whiteboardFullscreenButton" i_class="ion-arrow-expand"}}
       {{/if}}
     </div>
     {{#if isCurrentUserPresenter}}