Browse Source

Improved responsiveness for touch devices and skinny embeds.

Content will fill the slider more and the next and back arrows will hide until you mouseover them when the width is 640 or below
pull/246/head
Zach Wise 13 years ago
parent
commit
d84b264153
  1. 1
      source/jade/index.jade
  2. 7
      source/jade/sections/example-head.jade
  3. 2
      source/less/Core

1
source/jade/index.jade

@ -8,6 +8,7 @@ html(lang="en")
meta(name='description', content='TimelineJS Embed')
meta(name='apple-mobile-web-app-capable', content='yes')
meta(name='apple-touch-fullscreen', content='yes')
meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
// Style
style
html, body {

7
source/jade/sections/example-head.jade

@ -7,12 +7,13 @@ html(lang="en")
meta(name='description', content='TimelineJS example')
meta(name='apple-mobile-web-app-capable', content='yes')
meta(name='apple-touch-fullscreen', content='yes')
meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
// Style
style
html, body {
height:100%;
padding: 0px;
margin: 0px;
height:100%;
padding: 0px;
margin: 0px;
}
// HTML5 shim, for IE6-8 support of HTML elements
//if lt IE 9

2
source/less/Core

@ -1 +1 @@
Subproject commit c38e5cd06252cbc87972ad8f3095f2b0be73bc7b
Subproject commit 145c574b60b2fae050cff70fffab0cc1f4cb7835
Loading…
Cancel
Save