Skip to content

GoodCrypto webApp wide-view chart by verychard

Screenshot of GoodCrypto webApp wide-view chart

Details

Authorverychard

LicenseNo License

Categorygoodcrypto

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaked the GoodCrypto interface on desktop browser to have full width trading chart, while the rest of the UI stays 860px wide.

Notes

Currently only works with dark mode.

Source code

/* ==UserStyle==
@name           GoodCrypto webApp wide-view chart
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    A wide-view chart only
@author         VeRychard
==/UserStyle== */

@-moz-document domain("goodcrypto.app") {
    
    @media (min-width: 1001px){
        body {
          max-width: 100%!important;
        }
            
        .dark #app{
            background: #222!important;
        }

        .page-content + .safe-hor-area-fix-padding{
            background: black;
            max-width: 860px;
            margin: 0 auto;
            box-shadow: 0 0 40px rgba(0,0,0,.5);
        }

        .nav.hide-vphone{
            left: calc(50% - 430px);
            height: 70px;
        }

        .page-content.page-content-silver.page-content-stacked.safe-hor-area-fix-padding{
            max-width: 860px;
            margin: -10px auto 0;
            z-index: 2;
            position: relative;
            padding-bottom: 0;
        }
        
        .page-title-back{
            position: absolute;
            left: calc(50% - 430px);
        }
        
        .page-title-action{
            position: absolute;
            top: 0;
            right: calc(50% - 440px);
        }
    }
}

Reviews

No reviews yet.