Skip to content

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

Some fixes on horizontal scroll

parent 352d8d5a
Show 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 { .alert-container {
position: fixed; position: fixed;
...@@ -149,6 +154,14 @@ ...@@ -149,6 +154,14 @@
display: none; display: none;
} }
#content {
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
.scrollable{ .scrollable{
overflow: auto; overflow: auto;
-webkit-transition-property: top, bottom; -webkit-transition-property: top, bottom;
...@@ -158,6 +171,30 @@ ...@@ -158,6 +171,30 @@
-webkit-transition-timing-function: linear, linear; -webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear; transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch; -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 { .primarycontainer {
......
Web/htdocs/gui/includes/page.php
View file @ 74c0cb6f
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<?=$PAGE_BUFFER['head']?> <?=$PAGE_BUFFER['head']?>
<?=$PAGE_ADDHEAD?> <?=$PAGE_ADDHEAD?>
</head> </head>
<body class="theme-<?=$_DOMOTIKA['gui_theme']?>"> <body class="scrollable-vertical theme-<?=$_DOMOTIKA['gui_theme']?>">
<?=$PAGE_BUFFER['alerts']?> <?=$PAGE_BUFFER['alerts']?>
<?=$PAGE_BUFFER['navbar']?> <?=$PAGE_BUFFER['navbar']?>
<div class="drawers"> <div class="drawers">
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<?=$PAGE_BUFFER['right_drawer']?> <?=$PAGE_BUFFER['right_drawer']?>
<?=$PAGE_ADDRIGHT?> <?=$PAGE_ADDRIGHT?>
</div> <!-- drawers --> </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']?>"> <div class="container theme-<?=$_DOMOTIKA['gui_theme']?>">
<?=$PAGE_BUFFER['content']?> <?=$PAGE_BUFFER['content']?>
</div> <!-- container --> </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