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;
}
}