| | |
| | | position: relative; |
| | | overflow: hidden; |
| | | |
| | | & > #global-graph-icon { |
| | | & > .global-graph-icon { |
| | | cursor: pointer; |
| | | background: none; |
| | | border: none; |
| | | color: var(--dark); |
| | | opacity: 0.5; |
| | | width: 18px; |
| | | height: 18px; |
| | | width: 24px; |
| | | height: 24px; |
| | | position: absolute; |
| | | padding: 0.2rem; |
| | | margin: 0.3rem; |
| | |
| | | } |
| | | } |
| | | |
| | | & > #global-graph-outer { |
| | | & > .global-graph-outer { |
| | | position: fixed; |
| | | z-index: 9999; |
| | | left: 0; |
| | |
| | | width: 100vw; |
| | | height: 100%; |
| | | backdrop-filter: blur(4px); |
| | | -webkit-backdrop-filter: blur(4px); |
| | | display: none; |
| | | overflow: hidden; |
| | | |
| | |
| | | display: inline-block; |
| | | } |
| | | |
| | | & > #global-graph-container { |
| | | & > .global-graph-container { |
| | | border: 1px solid var(--lightgray); |
| | | background-color: var(--light); |
| | | border-radius: 5px; |
| | |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | height: 60vh; |
| | | width: 50vw; |
| | | height: 80vh; |
| | | width: 80vw; |
| | | |
| | | @media all and (max-width: $fullPageWidth) { |
| | | @media all and not ($desktop) { |
| | | width: 90%; |
| | | } |
| | | } |