Merge pull request #133 from DiegoPino/7.x

ISLANDORA-1947: Bump Internet Archive Book Reader support to V2.0.2

README.md

@@ -31,7 +31,7 @@ Allows OCR based search using the Viewer's Search box.
 
 Install as usual, see [this](https://drupal.org/documentation/install/modules-themes/modules-7) for further information.
 
-Download/clone our fork of the [Internet Archive BookReader](https://github.com/Islandora/internet_archive_bookreader.git) to `sites/all/libraries/bookreader`, or run `drush iabookreader-plugin`. This is currently the only version we support.
+Download the 2.0.2 version of the [Internet Archive BookReader](https://github.com/internetarchive/bookreader/tree/2.0.2)* to `sites/all/libraries/bookreader`, or run `drush iabookreader-plugin`. If you are upgrading from the 7.x-1.11 or older version of this module, you will need to replace your old copy of this library. *(Newer versions than 2.0.2 may work but have not been tested.)*
 
 This module requires that you set up either Djatoka or an IIIF Image API compliant Image Sever. For Djatoka please follow the steps outlined at [here](https://wiki.duraspace.org/display/ISLANDORA/Djatoka).
 

css/islandora_internet_archive_bookreader.css

@@ -1,13 +1,18 @@
 /**
  * Undo the global css settings from BookReader.css.
  */
+
+div#book-viewer {
+  /* helps making navbar hiding smoother */
+  overflow: hidden;	
+}
+
 div#BookReader {
-  position: static;
-  overflow: visible;
-  vertical-align: baseline;
   background-color: #ccc;
   margin: 0;
   padding: 0;
+  height: 600px;
+
 }
 #BookReader h3 {
   font-size: 20px;
@@ -26,24 +31,32 @@ div#BookReader {
 #BookReader a {
   outline: none;
 }
-div#BRtoolbar {
-  margin-bottom: -40px;
+div#BRnav {
+  position: absolute;
 }
 div#BRcontainer {
-  position: relative;
-  height: 680px;
+  position: absolute;
   background-color: #ccc;
 }
 div#BRpageview {
   background-color: #ccc;
 }
-div#BRnav {
-  position: relative;
-  margin-top: -40px;
+
+div#BRfulltext.BRfloat {
+    height:550px;
+}
+
+@media (min-width: 801px) {
+    .BRfloat { max-width: initial; width:inherit; }
+    .BRfloat.wide { max-width: initial; width:inherit; }
 }
-div#BRfulltext .BRfloat {
-  min-width: 385px;
+@media (max-width: 800px) and (min-width: 341px) {
+    .BRfloat { max-width: initial; width:inherit; }
 }
+@media (max-width: 340px) {
+    .BRfloat { max-width: 95%; width:95%; }
+}
+
 div#BRfulltext .BRfloatMeta {
   overflow: auto;
   height: auto !important;
@@ -54,40 +67,35 @@ div.BRfloatHead {
   background-color: #ccc !important;
   padding: 10px 10px 15px;
 }
+
+
+.BRicon.full_text {
+    background-image: url(../images/BRicons.png);
+    opacity:.5;
+    background-position:-1240px 0;
+}
+#BRtoolbarbuttons .BRtoolbarSectionLogo.tc > a {
+    margin-right:0;
+    margin-left:0;
+}
+
+#BRtoolbarbuttons .BRtoolbarRight  button.BRicon.full {
+    margin-top:5px;
+    margin-right:5px;
+}
+
 a.floatShut {
   margin: 12px 10px;
 }
 div.BRpagediv1up {
  overflow: visible;
 }
-.BRicon.full_text {
-  display: block;
-  float: left;
-  width: 40px;
-  height: 40px;
-  padding: 0;
-  margin: 0;
-  vertical-align: middle;
-  border: none;
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0);
-  background-image: url(../images/BRicons.png);
-  background-repeat: no-repeat;
-  background-position: -1240px 0px;
-}
-.BRicon.full_text:hover {
-  background-position: -1280px 0px;
-}
-button.BRicon {
-  background-image: url(../images/BRicons.png);
-}
-button.BRicon:hover {
-  background-image: url(../images/BRicons.png);
-}
+
 button#btnSrch {
   background-image: none;
   padding: 0;
   margin: 0;
+  cursor: pointer;
 }
 button#btnSrch:hover {
   background-image: none;
@@ -109,29 +117,11 @@ div.BRprogresspopup {
   width: 50%;
 }
 
-/*
- * Colorbox (used for displaying textarea with page OCR)
- *
- * Used to handle conflict with the colorbox Drupal module
- * pertaining to the textarea
- */
-#colorbox {
-  top: 335px !important;
-}
-#colorbox, #cboxOverlay, #cboxWrapper, #cboxContent, #cboxLoadedContent {
-  max-width: 100%;
-  height: 100% !important;
-}
-#cboxWrapper {
-  background: none; /* Used to eliminate white background */
-}
-#cboxWrapper table {
-  margin-top: 1em;
-}
-#cboxContent {
-  border-color: #E2DCC5;
-  padding: 0.5em;
-}
-#cboxMiddleLeft {
-  height: 0 !important; /* Positions textarea correctly */
+#BRtoolbarbuttons form.booksearch input[type=search] {
+  width:auto;
 }
+
+#cboxLoadedContent {
+  overflow-y: auto!important; /* to make fulltext scrollable */
+  margin: 5px;
+}