Skip to content

D
domotikad
Commit 74c0cb6f authored by nextime's avatar nextime
Browse files
Options

Some fixes on horizontal scroll

parent 352d8d5a
Hide whitespace changes
Inline Side-by-side
Showing with 40 additions and 3 deletions
Web/htdocs/gui/css/combined.min.css
View file @ 74c0cb6f
This source diff could not be displayed because it is too large. You can view the blob instead.
Web/htdocs/gui/css/style.css
View file @ 74c0cb6f
html {
overflow: hidden;
overflow-y: auto;
width:100%;
}
.alert-container {
position: fixed;
......@@ -149,6 +154,14 @@
display: none;
}
#content {
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.scrollable{
overflow: auto;
-webkit-transition-property: top, bottom;
......@@ -158,6 +171,30 @@
-webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch;
/*
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
*/
}
.scrollable-vertical{
overflow: hidden;
overflow-y: auto;
-webkit-transition-property: top, bottom;
transition-property: top, bottom;
-webkit-transition-duration: .2s, .2s;
transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch;
/*
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
*/
}
.primarycontainer {
......
Web/htdocs/gui/includes/page.php
View file @ 74c0cb6f
......@@ -8,7 +8,7 @@
<?=$PAGE_BUFFER['head']?>
<?=$PAGE_ADDHEAD?>
</head>
<body class="theme-<?=$_DOMOTIKA['gui_theme']?>">
<body class="scrollable-vertical theme-<?=$_DOMOTIKA['gui_theme']?>">
<?=$PAGE_BUFFER['alerts']?>
<?=$PAGE_BUFFER['navbar']?>
<div class="drawers">
......@@ -17,7 +17,7 @@
<?=$PAGE_BUFFER['right_drawer']?>
<?=$PAGE_ADDRIGHT?>
</div> <!-- drawers -->
<div id="content" class="primarycontainer scrollable theme-<?=$_DOMOTIKA['gui_theme']?>">
<div id="content" class="primarycontainer scrollable-vertical theme-<?=$_DOMOTIKA['gui_theme']?>">
<div class="container theme-<?=$_DOMOTIKA['gui_theme']?>">
<?=$PAGE_BUFFER['content']?>
</div> <!-- container -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment