hangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegram
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.4 KiB
32 lines
1.4 KiB
9 years ago
|
.#{$prefix}viewport,
|
||
|
|
.#{$prefix}viewport > .#{$prefix}body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0 none;
|
||
|
|
overflow: hidden;
|
||
|
|
position: static;
|
||
|
|
// For devices that have pointer events, touch-action:none prevents the default
|
||
|
|
// touch action, such as pan/zoom from occurring. This style is absolutely
|
||
|
|
// required in order for the Gesture publisher to work correctly on browsers that
|
||
|
|
// support pointer events. Without it, a pointercancel event will fire as soon as the
|
||
|
|
// touch is moved, and so pointermove will never fire while dragging a finger across
|
||
|
|
// the screen. This also prevents overflowing containers from scrolling using touch
|
||
|
|
// and so we must enable "partial" touch scrolling in IE10+ (see Ext.supports.touchScroll)
|
||
|
|
// See http://www.w3.org/TR/pointerevents/#the-touch-action-css-property
|
||
|
|
touch-action: none;
|
||
|
|
// IE10 needs the -ms prefix, IE11+ does not
|
||
|
|
-ms-touch-action: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$prefix}viewport {
|
||
|
|
// the viewport must have an explicit height so that we can make the body fill the
|
||
|
|
// viewport height (see below)
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$prefix}viewport > .#{$prefix}body {
|
||
|
|
// min-height ensures that the body element fills the viewport if its content is smaller
|
||
|
|
// than the viewport (when using an auto layout on the viewport), while allowing the
|
||
|
|
// body element to expand in height if the content does not fit within the viewport.
|
||
|
|
min-height: 100%;
|
||
|
|
}
|