WordPress.org

Make WordPress Core

Opened 8 years ago

Closed 8 years ago

#4140 closed defect (bug) (fixed)

Tags UI be UGLY

Reported by: andy Owned by:
Milestone: 2.2 Priority: normal
Severity: normal Version: 2.2
Component: Administration Keywords: has-patch
Focuses: Cc:

Description

[5110] introduces a hella ugly tags interface. Clean it up.

Attachments (3)

tags.diff (1.4 KB) - added by andy 8 years ago.
Make you pretty.
tags.2.diff (1.4 KB) - added by andy 8 years ago.
This time with new wording.
4140.diff (366 bytes) - added by Sewar 8 years ago.
RTL CSS Fix

Download all attachments as: .zip

Change History (12)

@andy8 years ago

Make you pretty.

comment:1 @andy8 years ago

Nice fix but... Hmm, now the text doesn't line-wrap when the window is narrow.

@andy8 years ago

This time with new wording.

comment:2 @andy8 years ago

Second try changes the wording to make it shorter and more like the Categories explanation. Do we really need to explain what tags are in the UI? I don't think we do. We don't explain categories. New wording in tags.2.diff:

Tags (separate multiple tags with commas: cats, pet food, dogs)

comment:3 @markjaquith8 years ago

  • Milestone changed from 2.4 to 2.2
  • Version set to 2.2

I don't think we should explain tags, and I don't think we should be using Bubblespeak tags as examples. :-)

Can we move away from underscores in class/ID names? They're not compatible with 100% of browsers, so going forward we should probably be sticking to dashes as much as we can.

As a bigger issue with tags, I think we should be blanking the input box after saving tags, and use Flickr-style for showing existing tags and deleting existing tags.

Add tags (separate multiple tags with commas):
[______________________]

Existing Tags:
[x] San Francisco
[x] Parties
[x] Venture Capital
[x] Everything 2.0

Right now, you have to use your mouse to select a tag (and its leading or trailing comma) and delete it... yech...

As you can tell, I'm a big fan of Flickr's tagging interface.

Check out this:

http://markjaquith.wordpress.com/2006/09/18/wordpress-sneak-peek-quick-categories/

(obviously this was for Categories, so the hierarchical stuff doesn't make sense)

comment:4 @rob1n8 years ago

We can do that Flickr interface stuff for 2.3. Personally I think it's a great idea -- Flickr has some pretty good UI that we can learn from. I believe there was a ticket integrating something else from the Flickr interface somewhere along the line.

For now, IMO we should just focus on getting that input box un-screwed up for 2.2.

comment:5 @rob1n8 years ago

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

(In [5254]) Tidy up the tags interface. Props andy. fixes #4140

comment:6 @markjaquith8 years ago

(In [5257]) CSS IDs should avoid using underscores for compat with older browers. See http://tinyurl.com/2s99u6 addresses #4140

comment:7 @Sewar8 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

Let's update RTL CSS also.

@Sewar8 years ago

RTL CSS Fix

comment:8 @Sewar8 years ago

  • Keywords has-patch added

comment:9 @rob1n8 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

(In [5264]) Add RTL css for #tagdiv. Props Sewar. fixes #4140

Note: See TracTickets for help on using tickets.