Changeset 4790

Timestamp:

01/25/2017 11:34:06 PM (10 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;
 }