Ticket #4140 (closed defect: fixed)

Opened 2 years ago

Last modified 2 years ago

Tags UI be UGLY

Reported by: andy Assigned to: anonymous
Priority: normal Milestone: 2.2
Component: Administration Version: 2.2
Severity: normal Keywords: has-patch
Cc:

Description

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

Attachments

tags.diff (1.4 kB) - added by andy on 04/12/07 06:02:02.
Make you pretty.
tags.2.diff (1.4 kB) - added by andy on 04/12/07 06:21:44.
This time with new wording.
4140.diff (366 bytes) - added by Sewar on 04/13/07 03:26:28.
RTL CSS Fix

Change History

04/12/07 06:02:02 changed by andy

  • attachment tags.diff added.

Make you pretty.

04/12/07 06:04:09 changed by andy

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

04/12/07 06:21:44 changed by andy

  • attachment tags.2.diff added.

This time with new wording.

04/12/07 06:23:46 changed by andy

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)

04/12/07 15:05:22 changed by markjaquith

  • version set to 2.2.
  • milestone changed from 2.4 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)

04/12/07 16:01:22 changed by rob1n

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.

04/12/07 16:13:39 changed by rob1n

  • status changed from new to closed.
  • resolution set to fixed.

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

04/12/07 20:54:01 changed by markjaquith

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

04/13/07 03:25:08 changed by Sewar

  • status changed from closed to reopened.
  • resolution deleted.

Let's update RTL CSS also.

04/13/07 03:26:28 changed by Sewar

  • attachment 4140.diff added.

RTL CSS Fix

04/13/07 03:28:02 changed by Sewar

  • keywords set to has-patch.

04/13/07 03:29:45 changed by rob1n

  • status changed from reopened to closed.
  • resolution set to fixed.

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