diff options
Diffstat (limited to 'ui/app/components/gas-customization/gas-price-chart/index.scss')
-rw-r--r-- | ui/app/components/gas-customization/gas-price-chart/index.scss | 65 |
1 files changed, 47 insertions, 18 deletions
diff --git a/ui/app/components/gas-customization/gas-price-chart/index.scss b/ui/app/components/gas-customization/gas-price-chart/index.scss index bfe9b807b..4c4640b1f 100644 --- a/ui/app/components/gas-customization/gas-price-chart/index.scss +++ b/ui/app/components/gas-customization/gas-price-chart/index.scss @@ -2,6 +2,13 @@ display: flex; position: relative; + &__root { + max-height: 154px; + max-width: 391px; + position: relative; + overflow: hidden; + } + .tick text, .c3-axis-x-label, .c3-axis-y-label { font-family: Roboto; font-style: normal; @@ -12,45 +19,61 @@ fill: #9A9CA6 !important; } + .c3-tooltip-container { + display: flex; + justify-content: center !important; + align-items: flex-end !important; + } + .custom-tooltip { background: rgba(0, 0, 0, 1); - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - border-radius: 3px; - transform: translate(-41px, -50px); + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + border-radius: 3px; opacity: 1 !important; - width: 44px; height: 21px; z-index: 1; } .tooltip-arrow { - background: rgba(0, 0, 0, 1); - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); - top: -35px; - left: -23px; + background: black; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); + /* top: 15px; */ + /* left: 27px; */ + -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1 !important; width: 9px; height: 9px; - position: absolute; - display: inline-block; + /* position: absolute; */ + /* display: inline-block; */ + margin-top: 4px; } .custom-tooltip th { font-family: Roboto; - font-style: normal; - font-weight: 500; - line-height: normal; - font-size: 10px; - text-align: center; + font-style: normal; + font-weight: 500; + line-height: normal; + font-size: 10px; + text-align: center; + padding: 3px; + color: #FFFFFF; + } - color: #FFFFFF; + .c3-circle { + visibility: hidden; } - .c3-circle._expanded_ { + .c3-selected-circle, .c3-circle._expanded_ { fill: #FFFFFF !important; stroke-width: 2.4px !important; stroke: #2d9fd9 !important; + /* visibility: visible; */ + } + + #set-circle { + fill: #313A5E !important; + stroke: #313A5E !important; } .c3-axis-x-label, .c3-axis-y-label { @@ -84,7 +107,9 @@ stroke: #B8B8B8 !important; } - .c3-axis .tick line {display: none;} + .c3-xgrid-focus { + stroke: #aaa; + } .c3-axis-x .domain { fill: none; @@ -95,6 +120,10 @@ fill: none; stroke: #C8CCD6; } + + .c3-event-rect { + cursor: pointer; + } } @import url(//fonts.googleapis.com/css?family=Roboto:400,700,300); |