Permalink
Browse files

Merge pull request #84 from github/flippybook-webkit-nojs

fixed FlippyBook for webkit with no js
  • Loading branch information...
2 parents c44763f + 5fa4cc6 commit c2a83edea7cb84bf28ac3665b2e88e5ee32ec8c2 @schacon schacon committed May 8, 2012
Showing with 9 additions and 5 deletions.
  1. +1 −0 app/assets/javascripts/site.js
  2. +8 −5 app/assets/stylesheets/book.css.scss
@@ -286,6 +286,7 @@ var FlippyBook = {
FlippyBook.threeDee = true;
$('#book-container').addClass('three-dee');
}
+ $('#about-book').addClass('visible');
},
observeOpenCloseClicks: function() {
@@ -46,18 +46,18 @@
position: absolute;
left: 4px;
top: 0;
- @include transform-style(preserve-3d);
- @include transition-duration(1.2s);
}
.webkit #flippy-book #book-cover {
left: auto;
right: 6px;
+ @include transform-style(preserve-3d);
+ @include transition-duration(1.2s);
}
-#flippy-book #book-cover.open {
+.webkit #flippy-book #book-cover.open {
@include transform-origin(-1px, 0);
@include rotateY(-180deg);
}
-#flippy-book #book-cover.close {
+.webkit #flippy-book #book-cover.close {
@include transform-origin(0, 0);
}
#flippy-book #book-cover-outside {
@@ -113,13 +113,16 @@
}
#about-book {
- @include inline-block;
+ display: none;
text-indent: 85px;
text-align: center;
font-size: 12px;
color: $light-font-color;
padding-left: 22px;
background: transparent url(/images/icons/info.png) 85px 0 no-repeat;
+ &.visible {
+ @include inline-block;
+ }
}
ol.book-toc {

0 comments on commit c2a83ed

Please sign in to comment.