Added the full screen button.

This commit is contained in:
Maxim Khlobystov 2015-06-03 11:20:59 -07:00
parent 8ec8ad3072
commit bb86817a44
3 changed files with 16 additions and 1 deletions

View File

@ -66,6 +66,7 @@
}
#whiteboard-container {
position: relative; // makes the fullscreen button's absolute position work
@media @landscape {
display: -moz-flex;
display: -ms-flexbox;
@ -165,3 +166,16 @@
#presentationProgress {
font-size: 25px;
}
.whiteboardFullscreenButton {
position: absolute;
top: 0;
right: 0;
margin-bottom: 0;
&, &:hover {
background-color: transparent;
}
i {
color: black;
}
}

View File

@ -30,5 +30,5 @@ Template.whiteboard.events
'click .switchSlideButton': (event) ->
$('.tooltip').hide()
"click .fullscreenWhiteboardButton": (event, template) ->
"click .whiteboardFullscreenButton": (event, template) ->
enterWhiteboardFullscreen()

View File

@ -6,6 +6,7 @@
<div id="whiteboard-container" class="{{whiteboardSize}}">
<div id="whiteboard-paper">
</div>
{{> makeButton btn_class="whiteboardFullscreenButton" i_class="ion-arrow-expand"}}
</div>
{{#if isCurrentUserPresenter}}
<div id="controllers">