GUAC-1052: Migrate to flexbox layout for client view.

This commit is contained in:
Michael Jumper
2015-02-18 16:31:46 -08:00
parent 7a4c606efd
commit 2e612ac70b
2 changed files with 33 additions and 19 deletions

View File

@@ -39,6 +39,19 @@ body.client {
.client-view {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0px;
}
.client-view-content {
/* IE10 */
display: -ms-flexbox;
-ms-flex-align: stretch;
@@ -69,12 +82,11 @@ body.client {
flex-direction: column;
flex-pack: end;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 12pt;
}
.client-view .client-body {

View File

@@ -24,6 +24,7 @@
<!-- Client view -->
<div class="client-view">
<div class="client-view-content">
<!-- Central portion of view -->
<div class="client-body" guac-touch-drag="clientDrag" guac-touch-pinch="clientPinch">
@@ -49,6 +50,7 @@
</div>
</div>
</div>
<!-- Menu -->
<div ng-class="{open: menu.shown}" id="menu">