Quick tags at this very moment only allows users to provide a plain list of tags, where the site will list 15 tags in a column before starting on the next column. This makes it harder to organise tags, and when tags go beyond the right side of the screen (a bigger issue on mobile than desktop), this prevents tags from being accessible.
Here is a short list of features that I think would improve the quick tag list:
- Allow users to choose how many tags there are in one column. In user settings > Advanced > Frequent tags, it supports multiple lines. Allow us to set a new column by adding a new line. A note can be added specifying this. The site can also auto-convert all users current quick tags by removing all existing linebreaks, and only adding them after 15 tags.
- Allow users to set their own headings. Just like how "Quick Tags" appears as a heading for the first column, and as tall as a tag itself, let us have the option to add these as well. Since plain text is already registered as tags, some other code as to mark headings, perhaps *Quick Tags*. The site can also auto-convert all users current quick tags by adding *Quick Tags* as the first "tag" in the list.
- Allow users to set a different word for their tags. Just like on the wiki, how you can type [[domestic_cat|cat]] to get cat, users should be able to write either just domestic_cat|cat (since plain text are tags) or [[domestic_cat|cat]]. Since this isn't possible as of now, the site doesn't have to auto-convert here.
- Allow users to scroll the columns when they expand outside the limited space. For example just adding "overflow-x: scroll;" to div.related-tags is a quick solution, which users can do themselves, but should probably be added by default.
- Also prevent word wrap for spaces and dashes (spaces in headings, and dashes in tag names), simply by applying "white-space: nowrap;", which users also can do themselves, but it just looks better.
—————
As a demonstration, if a user have the following tags (all tags on a single line):
• domestic_cat domestic_dog domestic_ferret domestic_goat domestic_pig domestic_pigeon domestic_rabbit domestic_sheep eevee vaporeon jolteon flareon espeon glaceon leafeon umbreon sylveon charizard cinderace braixen incineroar jigglypuff lucario mew mewtwo pikachu raichu vulpix dress red_dress orange_dress yellow_dress green_dress blue_dress purple_dress pink_dress black_dress grey_dress white_dress skirt red_skirt orange_skirt yellow_skirt green_skirt blue_skirt purple_skirt pink_skirt black_skirt grey_skirt white_skirt
(the • marks each new line, not part of the actual code)
First the site will convert it to this, where each linebreak represents a new column, automatically added after 15 tags, and the heading *Quick Tags* added to the start (this so it appears identical to how it was previously):
• *Quick Tags* domestic_cat domestic_dog domestic_ferret domestic_goat domestic_pig domestic_pigeon domestic_rabbit domestic_sheep eevee vaporeon jolteon flareon espeon glaceon leafeon • umbreon sylveon charizard cinderace braixen incineroar jigglypuff lucario mew mewtwo pikachu raichu vulpix dress red_dress • orange_dress yellow_dress green_dress blue_dress purple_dress pink_dress black_dress grey_dress white_dress skirt red_skirt orange_skirt yellow_skirt green_skirt blue_skirt • purple_skirt pink_skirt black_skirt grey_skirt white_skirt
(the • marks each new line, not part of the actual code)
The user can the better sort their tags to be more space efficient:
• *animals* domestic_cat|cat domestic_dog|dog domestic_ferret|ferret domestic_goat|goat domestic_pig|pig domestic_pigeon|pigeon domestic_rabbit|rabbit domestic_sheep|sheep • eevee *eeveelutions* vaporeon jolteon flareon espeon glaceon leafeon umbreon sylveon • *other* charizard cinderace braixen incineroar jigglypuff lucario mew mewtwo pikachu raichu vulpix • *dress* dress red_dress|red orange_dress|orange yellow_dress|yellow green_dress|green blue_dress|blue purple_dress|purple pink_dress|pink black_dress|black grey_dress|grey white_dress|white • *skirt* skirt red_skirt|red orange_skirt|orange yellow_skirt|yellow green_skirt|green blue_skirt|blue purple_skirt|purple pink_skirt|pink black_skirt|black grey_skirt|grey white_skirt|white
(the • marks each new line, not part of the actual code)
