AO3: [Wrangling] Smaller Tag Search

makes the new Tag Search form take up less space (best on desktop/landscape screens)

Maker
escctrl
Dagelijks aantal installaties
0
Totaal aantal installaties
125
Beoordelingen
0 0 0
Versie
3.1
Gemaakt op
23-04-2022
Bijgewerkt op
27-01-2024
Licentie
MIT
Wordt toegepast op

Purpose:

Reduces the screen real estate used by the Tag Search form.
Through a GUI config, there are multiple options for you to choose what should be shown or hidden.

Instructions:

Go to the Tag Search page. In the main menu bar you'll find a new item "Userscripts" with the option "Smaller Tag Search". Selecting that will give you the dialog for configuring the behavior of the Tag Search form.



It will always:

  • remove the description text under the fandom field
  • turn the radiobuttons into selection lists
  • put selection lists next to each other
  • move the "Search" button up in line with the selection lists
  • put the input focus on the search term field (when there was no search yet)
  • change the "Sort Direction" text from ascending/descending to something more meaningful, corresponding to the "Sort By" field

In the GUI configuration you can additionally:

  • Hide Sort Options ... Hides the "Sort by" and "Sort direction" selections
  • Hide Labels on Selection Lists ... Hides the labels of all selection lists and moves them into a single line
  • Hide Labels on Textfields ... Drastically reduces the space used by the "Tag Name" and "Fandom" search options. Labels are removed (a hint is added to the text field instead), and moves them into a single line
  • And you can choose the "Tag Type", "Wrangling Status", as well as the "Sort By" and "Sort Direction" that should be selected automatically.



Known Issues:

  • when viewed on portrait mode screens (like mobile), the remaining size of input fields and selections isn't ideal. Given that the standard form display is well suited for mobile already, I don't plan on fixing this ;)
  • if you enable Hide Labels on Textfields, the way AO3 adds selected fandoms on top isn't the prettiest.
  • if you're using the "Eyes to the Right" site skin, it has some CSS which interferes with the script and the form elements won't move up into a single line. Try adding this at the bottom of your skin:
    .tagsearch-input,
.tagsearch-select {
  clear: none !important;
}

Please don't hesitate to reach out if you find anything that doesn't behave as intended!