Changeset 3671

Timestamp:

07/12/2016 05:41:17 PM (10 years ago)

Author:

mapk

Message:

Breathe: Improvements to column spacing, alignment, and edit link in the Welcome Box.

Fixes #1836

Location:

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

Files:

• header.php (modified) (1 diff)
• style.css (modified) (4 diffs)

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

@@ -38 +38 @@
 <div class="make-welcome-wrapper">
         <span id="make-welcome-hide" class="dashicons dashicons-no" data-hash="<?php echo $content_hash; ?>" data-cookie="<?php echo $cookie; ?>" title="<?php _e( 'Hide this message', 'p2-breathe' ); ?>"></span>
+        <?php
+        edit_post_link( __( 'Edit', 'o2' ), '<p class="make-welcome-edit">', '</p>', $welcome->ID );
+        ?>
         <div class="make-welcome">
                 <?php
                 the_content();
-                edit_post_link( __( 'Edit', 'o2' ), '<p class="make-welcome-edit">', '</p>', $welcome->ID );
                 ?>
         </div>

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

@@ -333 +333 @@
         /* jQuery slideUp overrides the margin, causing the animation to be a bit funky. !important stops that. */
         margin: -4em 0 4em 0 !important;
+        position: relative;
+        padding: 2em 0;
 }
 
@@ -338 +340 @@
         position: absolute;
         right: 0;
+        top: 0;
         margin: 15px;
         cursor: pointer;
+}
+
+.make-welcome-edit {
+        position: absolute;
+        right: 50px;
+        top: 0;
+        padding-right: 15px;
+        border-right: 1px solid #ccc;
+        font-size: 1.3em;
+        line-height: 1.5;
 }
 
@@ -374 +387 @@
 
 .make-welcome .first-column {
-        width: 69%;
+        width: 71%;
         display: inline-block;
 }
 
 .make-welcome .second-column {
-        width: 28%;
+        width: 25%;
         float: right;
 }
@@ -390 +403 @@
 .make-welcome .o2-post-footer-actions {
         display: none;
-}
-
-.make-welcome .make-welcome-edit {
-        display: block;
-        text-align: right;
-        padding: 0 0 10px 0;
-        clear: both;
 }