flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-28 18:00:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2016-05-17 18:24:00 +03:00
parent 7ae3eb6e8f
commit a90c8d569a
1 changed files with 38 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
ui (gen4)/experiments/native-scroll-ribbon.html
View File

@ -1,34 +1,66 @@
<!DOCTYPE html>
<html>
<style>
/* XXX appears that there is no way to hide the scrollbar on FF...
* ...one way around this is to use something like iScroll/Scrolly
* on FF or where more control is needed...
*/
.viewer {
display: inline-block;
border: solid 1px gray;
padding-top: 100px;
padding-bottom: 100px;
width: 600px;
height: 500px;
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
-ms-overflow-style: none;
}
.viewer::-webkit-scrollbar {
display: none;
}
/* appears that there is no way to hide the scrollbar on FF */
/* This is to be used for:
* - vrtical positioning
* - scaling
* (update width to fit viewer)
*/
.ribbon-set {
display: inline-block;
/* This allways needs to be of viewer width, this mostly applies
* to scaling...
*/
width: 100%;
padding-top: 50%;
padding-bottom: 50%;
}
.ribbon-container {
position: relative;
height: 120px;
width: 600px;
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
/*border: solid 1px gray;*/
}
.ribbon-container::-webkit-scrollbar {
display: none;
}
.ribbon {
position: relative;
display: inline-block;