flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-29 10:20:08 +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> <!DOCTYPE html>
<html> <html>
<style> <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 { .viewer {
display: inline-block; display: inline-block;
border: solid 1px gray; border: solid 1px gray;
padding-top: 100px; width: 600px;
padding-bottom: 100px; 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 { .ribbon-container {
position: relative; position: relative;
height: 120px; height: 120px;
width: 600px; width: 100%;
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
-ms-overflow-style: none; -ms-overflow-style: none;
/*border: solid 1px gray;*/
} }
.ribbon-container::-webkit-scrollbar { .ribbon-container::-webkit-scrollbar {
display: none; display: none;
} }
.ribbon { .ribbon {
position: relative; position: relative;
display: inline-block; display: inline-block;