Skip to content

Trading 212 - Search Improvements for Investing by davidcraig

Details

Authordavidcraig

LicenseCC Zero

CategoryTrading 212

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A selection of improvements for investors on the search page of trading 212

  • Remove change column in search results
  • Reduce stock image size in search results
  • Remove price up/down indicator in search results
  • Reduce width of price column
  • Remove duplicate stock names

Notes

If there is demand for some/all of the features of this style I will consider providing options to make the styles customisable.

Source code

/* ==UserStyle==
@name           Trading 212 - Search Improvements
@namespace      PrivateSniper
@version        1.0.0
@description    Search improvements for Trading 212 aimed at investors.
@author         davidcraig
==/UserStyle== */

@-moz-document domain("live.trading212.com") {
    /* Remove change column in search results */
.search-body .change,
.search-body .cell-change
{
    display: none !important;
    width: 0 !important;
}

/* Reduce stock image size in search results */
.search-body .instrument-logo-wrapper {
    --size: 26px;
    width: var(--size) !important;
    height: var(--size) !important;
}

/* Remove price up/down indicator in search results */
.search-results .indicator-up-arrow,
.search-results .neutral-circle-icon,
.search-results .indicator-down-arrow
{
    display: none !important;
}

/* Reduce width of price column */
.search-results .cell-price {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

/* Put ticker infront of stock */
.search-results-instrument-cell .property.name {
    order: 1 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    display: none !important;
}

.search-results-instrument-cell .secondary-name {
    order: 0 !important;
    margin-right: 0.5rem !important;
    padding: 0 !important;
}

.search-results-instrument-cell .instrument-logo-wrapper {
    order: -1 !important;
    margin-right: 0.5rem !important;
}

/* Since we're hiding short name the name column doesn't need to be visible. */
.search-results .cell-name {
    max-width: 120px;
}
}

Reviews

No reviews yet.