| $control-panel-height: 50px; |
| |
| .dg.main * { |
| box-sizing: content-box; |
| } |
| .dg.main input { |
| line-height: normal; |
| } |
| |
| .dg.main.a { |
| overflow-x: visible; |
| } |
| |
| .right-container { |
| position: absolute; |
| right: 0; |
| |
| width: 50%; |
| height: 100%; |
| padding: 0; |
| padding-left: $handler-width; |
| border: none; |
| z-index: 30; |
| |
| background: $clr-bg; |
| |
| .right-panel { |
| padding: $pd-basic; |
| padding-left: $handler-width + $pd-basic; |
| } |
| } |
| #fork-btn, #reset-btn { |
| display: none; |
| } |
| |
| #chart-panel { |
| position: absolute; |
| // top: $control-panel-height; |
| top: 0; |
| right: 0; |
| bottom: 50px; |
| left: 0; |
| padding: 10px; |
| box-sizing: border-box; |
| } |
| |
| #tool-panel { |
| position: absolute; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| |
| #theme { |
| margin-bottom: 10px; |
| float: right; |
| |
| a { |
| cursor: pointer; |
| } |
| } |
| |
| #download { |
| float: right; |
| margin-right: 10px; |
| } |
| } |
| |
| .dg.main .c { |
| select { |
| color: #000; |
| } |
| } |