mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-22 19:14:52 +01:00
Code Issues Projects Releases Wiki Activity

Disable rubberband scrolling for IE11

Browse Source
This commit is contained in:
Bruno Windels 2020-08-07 18:15:17 +01:00
parent e054dfb623
commit eb92b9a086
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ui/web/css/layout.css
View File

@ -51,7 +51,7 @@ body {
} }
.RoomPlaceholderView, .RoomView { .RoomPlaceholderView, .RoomView {
flex: 1 0 0px; flex: 1 0 0;
min-width: 0; min-width: 0;
} }
@ -71,7 +71,7 @@ body {
} }
.TimelinePanel ul { .TimelinePanel ul {
flex: 1 0 0px; flex: 1 0 0;
} }
.RoomHeader { .RoomHeader {

2
src/ui/web/css/left-panel.css
View File

@ -49,7 +49,7 @@ limitations under the License.
.LeftPanel div.description { .LeftPanel div.description {
margin: 0; margin: 0;
flex: 1 1 0px; flex: 1 1 0;
min-width: 0; min-width: 0;
} }

12
src/ui/web/css/main.css
View File

@ -22,16 +22,20 @@ limitations under the License.
@import url('avatar.css'); @import url('avatar.css');
@import url('spinner.css'); @import url('spinner.css');
/* only if the body contains the whole app (e.g. we're not embedded in a page), make some changes */
body.brawl {
/* make sure to disable rubber-banding and pull to refresh in a PWA if we'd end up having a scrollbar */
overscroll-behavior: none;
/* disable rubberband scrolling on document in IE11 */
overflow: hidden;
}
.brawl { .brawl {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
background-color: black; background-color: black;
color: white; color: white;
/* make sure to disable rubber-banding and pull to refresh in a PWA if we'd end up having a scrollbar */
overscroll-behavior: none;
/* disable rubberband scrolling on document in IE11 */
overflow: hidden;
} }
.hiddenWithLayout { .hiddenWithLayout {