messengercustom-servicesmacoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscord
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
.#{$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%; |
|
} |