diff --git a/bigbluebutton-html5/app/client/stylesheets/whiteboard.less b/bigbluebutton-html5/app/client/stylesheets/whiteboard.less index 84fc219d4ef2..9d20d36ff999 100755 --- 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 index 5999d80b124a..e041f109cec8 100755 --- a/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html +++ b/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html @@ -7,12 +7,12 @@
{{#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}} {{#if isCurrentUserPresenter}}