Форк Rambox
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

.#{$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%;
}