Changeset 4790

Timestamp:

01/25/2017 11:34:06 PM (8 years ago)

Author:

coffee2code

Message:

Breate: Fix display of handbook name (seen in multi-handbook sites) after changes in [4789].

See #2389.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe

Files:

• single-handbook.php (modified) (1 diff)
• style.css (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/single-handbook.php

@@ -10 +10 @@
 <?php $is_landing_page = wporg_is_handbook_landing_page(); ?>
 
+<?php get_sidebar( 'handbook' ); ?>
+
 <?php if ( ! $is_landing_page && 'handbook' !== wporg_get_current_handbook() ) { ?>
-<div class="handbook-name"><span><a href="<?php echo esc_url( get_post_type_archive_link( wporg_get_current_handbook() ) ); ?>"><?php echo esc_html( wporg_get_current_handbook_name() ); ?></a></span></div>
+<div class="handbook-name-container">
+    <div class="handbook-name"><span>
+        <a href="<?php echo esc_url( get_post_type_archive_link( wporg_get_current_handbook() ) ); ?>"><?php echo esc_html( wporg_get_current_handbook_name() ); ?></a>
+    </span></div>
+</div>
 <?php } ?>
-
-<?php get_sidebar( 'handbook' ); ?>
 
 <div id="primary" class="content-area">

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

@@ -772 +772 @@
 }
 
+.handbook-name-container {
+    position: absolute;
+    right: 0;
+    width: 75%;
+    margin-left: 25%;
+    background-color: #fff;
+}
+
+@media(max-width: 876px) {
+    .handbook-name-container {
+        width: 100%;
+        margin-left: 0;
+    }
+}
+
 .handbook-name {
     text-align: center;
     color: #aaa;
-    margin-bottom: 1.5em;
+    margin-top: 0.5em;
     overflow: hidden;
     letter-spacing: 2px;
@@ -792 +807 @@
     border-top: 1px solid #ccc;
     top: 49%;
-    width: 600px;
+    width: 100px;
 }
 .handbook-name span:before {
-    right: 100%;
-    margin-right: 10px;
+    left: 0;
+    margin-left: -110px;
 }
 .handbook-name span:after {
-    left: 100%;
-    margin-left: 10px;
+    right: 0;
+    margin-right: -110px;
 }