Make WordPress Core

Opened 11 years ago

Closed 11 years ago

#26081 closed defect (bug) (fixed)

Preview and Save Draft buttons too close together

Reported by: aubreypwd's profile aubreypwd Owned by: iammattthomas's profile iammattthomas
Milestone: 3.8 Priority: normal
Severity: normal Version: 3.8
Component: Administration Keywords: has-patch commit
Focuses: ui Cc:

Description

When composing a new draft, the Preview and Save Draft buttons are too close together.

https://cloudup.com/cWuwqdbTxKU

In 3.7.1 the Save Draft button is on the left (https://cloudup.com/cDntyDGADRF), so I moved it back.

https://cloudup.com/cQuGv57XGpK

Attachments (3)

26081.patch (362 bytes) - added by aubreypwd 11 years ago.
Patch to move the Save Draft button back to left
alterative-save-draft.patch (684 bytes) - added by aubreypwd 11 years ago.
26081-johnbillionFWIW.patch (294 bytes) - added by aubreypwd 11 years ago.
johnbillion's suggested modification

Download all attachments as: .zip

Change History (12)

@aubreypwd
11 years ago

Patch to move the Save Draft button back to left

#1 @aubreypwd
11 years ago

I also offered up maybe another alternative, putting the buttons left aligned because I didn't like how Preview (when published) seemed to be right aligned. Also moved the spinner.

Just see Attachment alterative-save-draft.patch http://core.trac.wordpress.org/attachment/ticket/26081/alterative-save-draft.patch

#2 follow-up: @aubreypwd
11 years ago

Example of the right aligned Preview that looked weird: https://cloudup.com/iWCikhR5ze5

#3 in reply to: ↑ 2 @SergeyBiryukov
11 years ago

  • Component changed from Editor to Administration
  • Keywords ui-focus added
  • Milestone changed from Awaiting Review to 3.8

Replying to aubreypwd:

Example of the right aligned Preview that looked weird: https://cloudup.com/iWCikhR5ze5

Doesn't look weird to me :) Looked the same in 3.7, so I guess I'd prefer 26081.patch.

#4 @SergeyBiryukov
11 years ago

  • Keywords commit added

#5 @johnbillion
11 years ago

FWIW I actually like the Preview and Save Draft buttons being right aligned next to each other. I think it's an improvement. They just need a small margin between them.

#6 @aubreypwd
11 years ago

I personally think any button being fully right aligned looks out of place with the rest of the box. I think it should at least resemble 3.7 (some symmetry with the Move to Trash and Publish buttons https://cloudup.com/cQuGv57XGpK). Even my alternative doesn't seem to be as symmetrical https://cloudup.com/crqPhw9urr9, but I just like symmetrical and left aligned more. I still vote for the 3.7 likeness.


Last edited 11 years ago by aubreypwd (previous) (diff)

@aubreypwd
11 years ago

johnbillion's suggested modification

#7 @aubreypwd
11 years ago

...just in case the world is against me :)

#8 @iammattthomas
11 years ago

I believe this was an unintentional change, and agree with the logic behind "Safe Draft" being left-aligned. Since the redesign's goal was a visual overhaul while minimizing UX changes, I'm going to go with the patch that puts Safe Draft back in its original location.

#9 @iammattthomas
11 years ago

  • Owner set to iammattthomas
  • Resolution set to fixed
  • Status changed from new to closed

In 26248:

Put the 'Safe Draft' button back in its place in the Publish box. Fixes #26081, props aubreypwd.

Note: See TracTickets for help on using tickets.