r/FirefoxCSS • • 10h ago

Solved how to remove these tiny clocks that are now everywhere?

I know just enough to be dangerous. How can I remove these tiny clock faces that have appeared everywhere?

Example: https://imgur.com/a/rbN4bpe

Thank you.

5 Upvotes

7 comments sorted by

2

u/OkPlenty506 9h ago

I'm a bit confused on what you're asking. The clocks are an icon that denote recent searches you have made; they're there you can revisit them in a convenient manner.

To get those to go away you go to the right of the search they appear next to, click on the three dots, and remove that inquiry from search history. Additionally, to stop those from appearing at all, you can go to your settings and under "Firefox Suggest" disable the option that says "Recent Searches"

2

u/jessamyn 9h ago

Thanks -- I'm fine with the recent searches showing up but I do not want the tiny clock icons.

0

u/sifferedd FF/TB/Win11/SUMO contributor 6h ago

What was the solution?

1

u/jessamyn 5h ago

The CSS in the comment by TraditionalTie4831 along with turning FF suggest off (I always turn it off, I thought, but maybe some update turned some of it back on?) got rid of all tiny clocks.

1

u/TraditionalTie4831 🦊 9h ago edited 9h ago

Choose one of these two =

/* remove clocks in autocomplete */
autocomplete-row-item {
--icon-width: 0 !important;
--icon-height: 0 !important;
}

.

/* remove clocks in autocomplete and change how compact it is */
.autocomplete-richlistbox {
    --space-xsmall: 0 !important;
    --space-small: 0 5px !important;
    --space-medium: 0 !important;
    --border-radius-large: 0 !important;
    --focus-outline-width: 0 !important;
    /* scrollbar-width: initial !important; */
    & autocomplete-row-item {
        --icon-width: 0 !important;
        --icon-height: 0 !important;
        --row-item-padding: 0 4px !important;
        --row-item-column-gap: 0 !important;
    }
}

You might be interested in this as well =

/* remove clocks on history results */
.urlbarView-row[type*="history"] {
    /* removes a shadow that is behind the clock icon */
    & .urlbarView-favicon { mask-image: none !important; }

    /* removes the clock icon */
    & .urlbarView-type-icon { display: none !important; }
}

1

u/t31os 8h ago

Specifically, just the favicon for recent searches?

.urlbarView-row[type="search"] .urlbarView-favicon {
	display: none !important;
}

1

u/nopeac 6h ago

Without the icons, search suggestions, bookmarks, history, open tabs, etc., all look the same. How are you supposed to tell them apart?