Single post in Ability to hide parts of Pokemon History
Forum Index > Core > Suggestions > Ability to hide parts of Pokemon History >
Just a little update here for those that would like it for the time being; there is CSS that can target particular types of history elements as of last year I believe, perhaps more recently for browser compatibility. An extra step is needed for people using Mozilla Firefox (like myself lol) on desktop, and it doesn't work on Mozilla for Android (possibly iOS too). Every other main browser (Chrome, Edge, Safari, Opera) updated to the latest version should be able to use it.
For example, placing the following in your site skin can hide all of your Pokemon's "trade" history leaving everything else still visible:
You can even hide history by usernames, so you can hide trade history that does not contain friends you specify by doing the following:
Or:
And if you want to get even more complicated, you can target only particular pokemon's histories by specifying their pids as such:
The following are the types of history you can target with CSS, they are indicated by the icon on the left of the history entry:
#timeline > li:has(use[*|href*="svg_icon_trade"]) { display: none; }
#timeline > li:has(svg > use[*|href*="svg_icon_trade"]):not(:has(.tlitem > :is(a[href*="USERNAME"], a[href*="USERNAME2", a[href*="USERNAME3"]))) { display: none; }
#timeline > li:has(use[*|href*="svg_icon_trade"]) { display: none; }
#timeline > li:has(.tlitem > :is(a[href*="USERNAME"], a[href*="USERNAME2", a[href*="USERNAME3"])) { display: block !important; }
#summarypage > #summary_col1:has(.party > div[data-pid="PKMN-PID"]) ~ #summary_col3 #timeline > li:has(use[*|href*="svg_icon_trade"]) { display: none; }
"
For those using Mozilla Firefox on PC, you will have to enable the ":has()" selector manually before you can use this by doing the following:
svg_icon_create
": ☥ | ankh icon?
"svg_icon_obtain
": + | plus icon
"svg_icon_release
": x | times icon
"svg_icon_hatch
": 🥚 | egg icon
"svg_icon_trade
": ⇆ | exchange icon
"svg_icon_evolve
": 🗲 | lightning icon
"svg_icon_level
": ↑ | up arrow icon> Open a new tab and enter "
Not sure what kind of impact this has on page loading performance, but it should only happen on the summary page. Hopefully this helps some of those who would like to hide history entries ^^about:config
" into the address bar at the top (where urls go).
> In the page that appears, type "layout.css.has-selector.enabled
" into the search preferences bar. An item with a "true" or "false" value should appear.
> Toggle the value to "true" if it isn't already.