AO3: [Wrangling] Smaller Tag Search

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

Autor
escctrl
Instalaciones diarias
0
Instalaciones totales
135
Calificaciones
0 0 0
Versión
6.0
Creado
23/4/2022
Actualizado
29/3/2025
Tamaño
35 KB
Licencia
MIT
Funciona en

💖 What it does

Reduces the size of the tag search form, by switching radiobuttons to dropdowns or button groups. Recognizes a “dark mode” AO3 skin, based on the page background.

Through a configuration dialog you can control how the search form displays.

previews of three example configurations

🪴 How to use it

The script only changes how the search form looks, not how it behaves. After installing the script, open the configuration dialog to change the settings. Touching the code is not needed.

If you’re upgrading from an older version of this script to v4, you will have to re-select your preferred configuration.

🎨 How to configure it

In the main navigation of AO3, next to “About”, there’s a new menu item “Userscripts”.

From the “Userscripts” menu, select the “Smaller Tag Search” option.

A configuration dialog opens. Here, you can set your preferences.

  • Show Search Text and Fandom input fields:

    whether the two text inputs should display next to each other, without labels (on a single line), or below each other, with labels. If the screen is narrow, the textfields will still move below each other.

  • Show labels above all button/dropdown options:

    whether the four groups (tag type, tag status, sort by, sort direction) should have a label show above the buttons/dropdowns.

  • Show the Tag Type and Status option as:

    whether the options for the tag type and their wrangling status should be shown as Buttons in a group next to each other, or as a Dropdown.

  • Show the buttons with:

    whether to display the buttons with text only, icon only, or both text + icon.

  • Choose which Tag Status options to display:

    you might not need all of the available wrangling status filters in your day-to-day wrangling, so you can hide them here. Only the "Any" status will always be shown. (Hidden options still show if you set it as your default, or if you follow a link to a search that filtered by a status you hid.)

  • Show the Sort By and Direction options as:

    whether the options for sorting the search results should be shown as Buttons in a group next to each other, as a Dropdown, or be Hidden entirely. (Even if the sorting options are hidden, the default preferences are still applied — results will then always be sorted in the order you define in the Defaults section, and you can only change it by coming back to this configuration dialog.)

  • Show the buttons with:

    whether to display the buttons with text only, icon only, or both text + icon.

  • Defaults section:

    which options should be selected automatically when the Tag Search page loads; for example if you typically search canonical relationships, and want them ordered by number of uses.

example view of the configuration dialog

🐞 Known limitations

The script is intended for landscape (wide) screens. The layout of the form options and the configuration GUI might not work well on portrait (narrow) screens or on touch displays.

Other skins than the AO3 default may have interference in their CSS that cause it to display weirdly. Please contact me through GreasyFork’s feedback function if you need help to fix it.

The two tag-related filters (tag type and wrangling status) and the two sorting-related options (sort by and sort direction) can each only be configured together. There's no way to set only one of them to a different display.

Text and icons are all fixed and defined at the beginning of the script. If you want to change something and need help figuring out the code, feel free to ping me through Greasyfork's feedback function.

The configuration for "show textfields next to each other" doesn't actually move them onto a single line? That’s probably because your screen is too narrow to show them next to each other. Both input fields want a minimum width, so that you always have space to enter text, and will split into separate rows if that is necessary.

🌱 Upcoming features and bugfixes

  • quick-select buttons for saved searches (select combo of tag type & status & fandom)

🏛️ History

  • v 6.0
    • tag type/status and sort by/direction buttons can be set to show with icon, text, or both
    • reinstated logic to auto-focus on search term textfield
  • v 5.0
    • support new wrangling status filter options
    • if all filter and sort options display as dropdowns, they remain in the browser default styling
    • bugfix: sort direction buttontext updates properly
  • v 4.1
    • reduced empty vertical space when options wrap
    • reduced label size and made wrapping on small screens more predictable
  • v 4.0
    • configuration to show selects as buttongroups
    • improved page layout behaviour with flex CSS
  • v 3.0
    • moved configuration into a GUI
    • configuration to choose default sort by/direction on page load
    • makes sort direction name comprehensible
  • v 2.2 - small display updates of select options
  • v 2.1 - focus jumps to text input field for a blank search
  • v 2.0 - enables searching for UnsortedTag
  • v 1.0
    • turns radioboxes into select options
    • configuration to hide sort options
    • configuration to hide select labels (all in one line)
    • configuration to hide labels of text inputs (all in one line)
    • configuration to choose default tag type/status on page load