Merge pull request #83 from EbookFoundation/foundation/fix-home-css

fix home css / add explore section to book view sidebar
EbookFoundation · May 18, 2018 · 8413372 · 8413372
2 parents 55bc6ef + 0d7bc06
commit 8413372
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 1 deletion.
diff --git a/frontend/templates/work.html b/frontend/templates/work.html
@@ -200,7 +200,7 @@ <h4>Related Works</h4>
                 <div class="btn_wishlist" id="wishlist_actions">
                     {% if request.user.is_anonymous %}
                         <div class="create-account">
-                            <span title="{% url 'work' work_id %}">Login to Fave</span>
+                            <span title="{% url 'work' work_id %}"><a href="{% url 'superlogin' %}?next={{ request.get_full_path|urlencode }}">Login to Fave</a></span>
                         </div>
                     {% elif request.user.id in work.last_campaign.supporters %}
                         <div class="add-wishlist">
@@ -229,6 +229,9 @@ <h4>Related Works</h4>
                     <span>LibraryThing</span>
                 </a>
             </div>
+            <div class="book-sidebar-explore">
+                {% include "explore.html" %}
+            </div>
         </div>
         <div class="bookComments">
             <h2>Comments</h2>

diff --git a/static/scss/bookview.scss b/static/scss/bookview.scss
@@ -39,6 +39,10 @@
     .book-sidebar-item span {
         display: none;
     }
+
+    .book-sidebar-explore {
+        display: none;
+    }
 
     .bookRead {
         flex: 100%;
@@ -137,3 +141,43 @@
 .description-more-content {
     padding-top: 20px;
 }
+
+.book-sidebar-explore {
+    width: 150px;
+    .jsmodule {
+        margin: 0;
+        padding: 0;
+
+        h3 {
+            background-color: $pale-blue;
+            border-radius: 0;
+            height: auto;
+            span {
+                text-align: center;
+                padding: 4px;
+            }
+            margin-bottom: 4px;
+        }
+
+        .menu {
+
+            li {
+                > span {
+                    display: none;
+                }
+                a {
+                    padding: 0;
+                    padding-bottom: 4px;
+                }
+                a:hover {
+                    text-decoration: underline;
+                }
+            }
+
+           .level3 {
+                padding-left: 10px;
+            }
+        }
+    }
+
+}
diff --git a/static/scss/home.scss b/static/scss/home.scss
@@ -180,3 +180,10 @@
 .donate {
     cursor: pointer;
 }
+
+#js-topsection {
+    width: 100%;
+    max-width: 960px;
+    margin-left: auto;
+    margin-right: auto;
+}