Changeset 3671

Timestamp:

07/12/2016 05:41:17 PM (8 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;
 }