| @@ -1,2 +1,240 @@ | ||
| 1 | -.visualizer-settings{background-color:#f8f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;position:relative}.visualizer-settings .visualizer-settings__title{margin:0;padding:1.5rem 0;text-align:center;border-bottom:1px solid #e6eaee}.visualizer-settings .visualizer-settings__title .dashicon{vertical-align:top;margin-right:.25em}.visualizer-settings .visualizer-settings__content{padding:2.5em 0}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-description{margin:0 0 1.5em 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;text-align:center}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option{display:flex;align-items:flex-start;flex-wrap:wrap;margin:0 auto;padding:1.25em 1.5em;max-width:80%;background:#fff;border-width:1px 1px 0;border-style:solid;border-color:#e6eaee;cursor:pointer}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option.locked{cursor:default}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option.locked:hover{background:#ffffff}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option:hover{background:#f5f5f5}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option:last-of-type{border-bottom-width:1px}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option .visualizer-settings__content-option-title{max-width:80%;display:block;font-size:1.25em}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option .visualizer-settings__content-option-icon{align-self:center;margin-left:auto;color:#b9bcc2}.visualizer-settings .visualizer-settings__content .visualizer-settings__content-option .visualizer-settings__content-option-icon .dashicon{height:25px;width:25px}.visualizer-settings .visualizer-settings__charts{text-align:center;padding-bottom:25px}.visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid{display:grid;grid-template-columns:50% 50%}.visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single{margin:25px;padding-bottom:50px;background-color:#efefef;position:relative}.visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single .visualizer-settings__charts-title{padding:10px;font-weight:bold;text-align:center}.visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single .visualizer-settings__charts-controls{width:100%;position:absolute;bottom:0;padding:10px;font-weight:bold;text-align:center;cursor:pointer}.visualizer-settings .visualizer-settings__charts .visualizer-no-charts{padding-top:25px}.visualizer-settings .visualizer-settings__chart{text-align:center}.visualizer-settings .visualizer-settings__controls{margin:0;padding:1.5rem 0;text-align:center;border-top:1px solid #e6eaee}.visualizer-advanced-panel.components-panel__body.is-opened>.components-panel__body-title{margin-bottom:0}.visualizer-inner-sections{background:#f8f9f9}.visualizer-inner-sections .components-panel__body-toggle:hover{background:#EEEEEE}.visualizer-inner-sections ul.visualizer-list{list-style:disc;margin-left:15px}.components-panel__body-button .components-panel__body-toggle.components-button .dashicons-admin-tools{margin:-2px 6px -2px 0}.components-panel__body-button .components-panel__body-toggle.components-button .dashicons-admin-users{margin:-2px 6px -2px 0}.components-panel__body-button .components-panel__body-toggle.components-button .components-panel__arrow{width:48px;height:48px;right:0;border-top:1px solid #ddd;-webkit-transform:translateY(-50%) rotate(270deg);transform:translateY(-50%) rotate(270deg)}.components-panel__body-button.visualizer-panel-back .components-panel__body-title{background:#f3f3f3}.components-panel__body-button.visualizer-panel-back .components-panel__body-title:hover{background:#f3f3f3}.components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle{margin:10px 0;background:#fff}.components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle.components-button{padding-left:60px}.components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle.components-button:hover .components-panel__arrow{background:#f3f3f3;border-width:1px 1px 0 1px;border-color:#ddd;border-style:solid}.components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle.components-button .components-panel__arrow{left:0;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.visualizer-chart-editor{max-width:100%;margin:25px 25px 0}.visualizer-chart-editor .htEditor{margin-bottom:20px}.visualizer-chart-editor .htEditor .htRowHeaders{height:auto !important;width:auto !important}.visualizer-chart-editor .htEditor .ht_master .wtHolder{height:auto !important;width:auto !important}.htContextMenu:not(.htGhostTable){z-index:999999}.htDatepickerHolder{z-index:999999 !important}@media (max-width: 768px){.visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid{display:grid;grid-template-columns:100%}} | |
| 1 | +.visualizer-settings { | |
| 2 | + background-color: #f8f9f9; | |
| 3 | + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| 4 | + font-size: 13px; | |
| 5 | + position: relative; } | |
| 6 | + .visualizer-settings .visualizer-settings__title { | |
| 7 | + margin: 0; | |
| 8 | + padding: 1.5rem 0; | |
| 9 | + text-align: center; | |
| 10 | + border-bottom: 1px solid #e6eaee; } | |
| 11 | + .visualizer-settings .visualizer-settings__title .dashicon { | |
| 12 | + vertical-align: top; | |
| 13 | + margin-right: .25em; } | |
| 14 | + .visualizer-settings .visualizer-settings__content { | |
| 15 | + padding: 2.5em 0; } | |
| 16 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-description { | |
| 17 | + margin: 0 0 1.5em 0; | |
| 18 | + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| 19 | + font-size: 18px; | |
| 20 | + text-align: center; } | |
| 21 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option { | |
| 22 | + display: -webkit-box; | |
| 23 | + display: flex; | |
| 24 | + -webkit-box-align: start; | |
| 25 | + align-items: flex-start; | |
| 26 | + flex-wrap: wrap; | |
| 27 | + margin: 0 auto; | |
| 28 | + padding: 1.25em 1.5em; | |
| 29 | + max-width: 80%; | |
| 30 | + background: #fff; | |
| 31 | + border-width: 1px 1px 0; | |
| 32 | + border-style: solid; | |
| 33 | + border-color: #e6eaee; | |
| 34 | + cursor: pointer; } | |
| 35 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option.locked { | |
| 36 | + cursor: default; } | |
| 37 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option.locked:hover { | |
| 38 | + background: #ffffff; } | |
| 39 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option:hover { | |
| 40 | + background: #f5f5f5; } | |
| 41 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option:last-of-type { | |
| 42 | + border-bottom-width: 1px; } | |
| 43 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option .visualizer-settings__content-option-title { | |
| 44 | + max-width: 80%; | |
| 45 | + display: block; | |
| 46 | + font-size: 1.25em; } | |
| 47 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option .visualizer-settings__content-option-icon { | |
| 48 | + align-self: center; | |
| 49 | + margin-left: auto; | |
| 50 | + color: #b9bcc2; } | |
| 51 | + .visualizer-settings .visualizer-settings__content .visualizer-settings__content-option .visualizer-settings__content-option-icon .dashicon { | |
| 52 | + height: 25px; | |
| 53 | + width: 25px; } | |
| 54 | + .visualizer-settings .visualizer-settings__charts { | |
| 55 | + text-align: center; | |
| 56 | + padding-bottom: 25px; } | |
| 57 | + .visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid { | |
| 58 | + display: grid; | |
| 59 | + grid-template-columns: 50% 50%; } | |
| 60 | + .visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single { | |
| 61 | + margin: 25px; | |
| 62 | + padding-bottom: 50px; | |
| 63 | + background-color: #efefef; | |
| 64 | + position: relative; } | |
| 65 | + .visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single .visualizer-settings__charts-title { | |
| 66 | + padding: 10px; | |
| 67 | + font-weight: bold; | |
| 68 | + text-align: center; } | |
| 69 | + .visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single .visualizer-settings__charts-footer { | |
| 70 | + font-size: small; } | |
| 71 | + .visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid .visualizer-settings__charts-single .visualizer-settings__charts-controls { | |
| 72 | + width: 100%; | |
| 73 | + position: absolute; | |
| 74 | + bottom: 0; | |
| 75 | + padding: 10px; | |
| 76 | + font-weight: bold; | |
| 77 | + text-align: center; | |
| 78 | + cursor: pointer; } | |
| 79 | + .visualizer-settings .visualizer-settings__charts .dataTables_wrapper { | |
| 80 | + background: #fff; | |
| 81 | + padding: 10px; } | |
| 82 | + .visualizer-settings .visualizer-settings__charts .visualizer-no-charts { | |
| 83 | + padding-top: 25px; } | |
| 84 | + .visualizer-settings .visualizer-settings__chart { | |
| 85 | + text-align: center; } | |
| 86 | + .visualizer-settings .visualizer-settings__chart .dataTables_wrapper { | |
| 87 | + background: #fff; | |
| 88 | + padding: 10px; } | |
| 89 | + .visualizer-settings .visualizer-settings__controls { | |
| 90 | + margin: 0; | |
| 91 | + padding: 1.5rem 0; | |
| 92 | + text-align: center; | |
| 93 | + border-top: 1px solid #e6eaee; } | |
| 94 | + | |
| 95 | +.visualizer-advanced-panel.components-panel__body.is-opened > .components-panel__body-title { | |
| 96 | + margin-bottom: 0; } | |
| 97 | + | |
| 98 | +.visualizer-inner-sections { | |
| 99 | + background: #f8f9f9; } | |
| 100 | + .visualizer-inner-sections .components-panel__body-toggle:hover { | |
| 101 | + background: #EEEEEE; } | |
| 102 | + .visualizer-inner-sections ul.visualizer-list { | |
| 103 | + list-style: disc; | |
| 104 | + margin-left: 15px; } | |
| 105 | + | |
| 106 | +.components-panel__body-button .components-panel__body-toggle.components-button .dashicons-admin-tools { | |
| 107 | + margin: -2px 6px -2px 0; } | |
| 108 | + | |
| 109 | +.components-panel__body-button .components-panel__body-toggle.components-button .dashicons-admin-users { | |
| 110 | + margin: -2px 6px -2px 0; } | |
| 111 | + | |
| 112 | +.components-panel__body-button .components-panel__body-toggle.components-button .components-panel__arrow { | |
| 113 | + width: 48px; | |
| 114 | + height: 48px; | |
| 115 | + right: 0; | |
| 116 | + border-top: 1px solid #ddd; | |
| 117 | + -webkit-transform: translateY(-50%) rotate(270deg); | |
| 118 | + transform: translateY(-50%) rotate(270deg); } | |
| 119 | + | |
| 120 | +.components-panel__body-button.visualizer-panel-back .components-panel__body-title { | |
| 121 | + background: #f3f3f3; } | |
| 122 | + .components-panel__body-button.visualizer-panel-back .components-panel__body-title:hover { | |
| 123 | + background: #f3f3f3; } | |
| 124 | + .components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle { | |
| 125 | + margin: 10px 0; | |
| 126 | + background: #fff; } | |
| 127 | + .components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle.components-button { | |
| 128 | + padding-left: 60px; } | |
| 129 | + .components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle.components-button:hover .components-panel__arrow { | |
| 130 | + background: #f3f3f3; | |
| 131 | + border-width: 1px 1px 0 1px; | |
| 132 | + border-color: #ddd; | |
| 133 | + border-style: solid; } | |
| 134 | + .components-panel__body-button.visualizer-panel-back .components-panel__body-title .components-panel__body-toggle.components-button .components-panel__arrow { | |
| 135 | + left: 0; | |
| 136 | + -webkit-transform: translateY(-50%) rotate(90deg); | |
| 137 | + transform: translateY(-50%) rotate(90deg); } | |
| 138 | + | |
| 139 | +.visualizer-chart-editor { | |
| 140 | + max-width: 100%; | |
| 141 | + margin: 25px 25px 0; } | |
| 142 | + .visualizer-chart-editor .htEditor { | |
| 143 | + margin-bottom: 20px; } | |
| 144 | + .visualizer-chart-editor .htEditor .htRowHeaders { | |
| 145 | + height: auto !important; | |
| 146 | + width: auto !important; } | |
| 147 | + .visualizer-chart-editor .htEditor .ht_master .wtHolder { | |
| 148 | + height: auto !important; | |
| 149 | + width: auto !important; } | |
| 150 | + | |
| 151 | +.visualizer-json-query-modal .components-modal__content { | |
| 152 | + padding-left: 0; | |
| 153 | + padding-right: 0; } | |
| 154 | + .visualizer-json-query-modal .components-modal__content .components-modal__header { | |
| 155 | + margin: 0; } | |
| 156 | + | |
| 157 | +.visualizer-json-query-modal .components-icon-button { | |
| 158 | + margin: 10px 0; } | |
| 159 | + | |
| 160 | +.visualizer-json-query-modal .visualizer-json-query-modal-headers-panel { | |
| 161 | + padding: 0 0 1em 2.2em; } | |
| 162 | + .visualizer-json-query-modal .visualizer-json-query-modal-headers-panel .components-base-control { | |
| 163 | + display: inline-block; } | |
| 164 | + .visualizer-json-query-modal .visualizer-json-query-modal-headers-panel .visualizer-json-query-modal-field-separator { | |
| 165 | + padding: 0 10px; } | |
| 166 | + | |
| 167 | +.visualizer-json-query-modal .viz-editor-table tbody tr:first-child { | |
| 168 | + background-color: #ececec !important; } | |
| 169 | + | |
| 170 | +.visualizer-json-query-modal .viz-editor-table tr th { | |
| 171 | + background-color: #cccccc; } | |
| 172 | + | |
| 173 | +.visualizer-json-query-modal .viz-editor-table thead tr th:nth-child(n+1) { | |
| 174 | + cursor: move !important; } | |
| 175 | + | |
| 176 | +.visualizer-json-query-modal #visualizer-json-query-table { | |
| 177 | + margin-bottom: 10px; } | |
| 178 | + | |
| 179 | +.visualizer-json-query-modal ul { | |
| 180 | + list-style: disc; | |
| 181 | + margin-left: 10px; } | |
| 182 | + | |
| 183 | +.visualizer-db-query-modal .CodeMirror-scroll { | |
| 184 | + overflow: hidden !important; | |
| 185 | + height: 50%; | |
| 186 | + margin: 0; | |
| 187 | + padding: 0; } | |
| 188 | + | |
| 189 | +.visualizer-db-query-modal .CodeMirror-wrap { | |
| 190 | + height: 200px; | |
| 191 | + padding: 15px; | |
| 192 | + color: #fff; | |
| 193 | + background: #282923; | |
| 194 | + font-size: 15px; | |
| 195 | + margin-bottom: 20px; } | |
| 196 | + .visualizer-db-query-modal .CodeMirror-wrap .CodeMirror-cursor { | |
| 197 | + border-left: 1px solid #fff !important; } | |
| 198 | + .visualizer-db-query-modal .CodeMirror-wrap .CodeMirror-placeholder { | |
| 199 | + color: #fff; } | |
| 200 | + .visualizer-db-query-modal .CodeMirror-wrap pre { | |
| 201 | + color: #fff !important; } | |
| 202 | + .visualizer-db-query-modal .CodeMirror-wrap .cm-keyword { | |
| 203 | + color: #f92472 !important; } | |
| 204 | + .visualizer-db-query-modal .CodeMirror-wrap .cm-comment { | |
| 205 | + color: #74705d !important; } | |
| 206 | + .visualizer-db-query-modal .CodeMirror-wrap .cm-number { | |
| 207 | + color: #fff !important; } | |
| 208 | + .visualizer-db-query-modal .CodeMirror-wrap .cm-string { | |
| 209 | + color: #fff !important; } | |
| 210 | + | |
| 211 | +.visualizer-db-query-modal ul { | |
| 212 | + list-style: disc; | |
| 213 | + margin-left: 10px; } | |
| 214 | + | |
| 215 | +.visualizer-db-query-modal .db-wizard-error { | |
| 216 | + color: #f00; } | |
| 217 | + | |
| 218 | +.visualizer-db-query-modal .visualizer-db-query-actions .components-button:first-child { | |
| 219 | + margin-right: 10px; } | |
| 220 | + | |
| 221 | +.htContextMenu:not(.htGhostTable) { | |
| 222 | + z-index: 999999; } | |
| 223 | + | |
| 224 | +.htDatepickerHolder, | |
| 225 | +.CodeMirror-hints, | |
| 226 | +.DTCR_clonedTable, | |
| 227 | +.DTCR_pointer { | |
| 228 | + z-index: 999999 !important; } | |
| 229 | + | |
| 230 | +@media (min-width: 768px) { | |
| 231 | + .visualizer-json-query-modal { | |
| 232 | + width: 668px; } | |
| 233 | + .visualizer-db-query-modal .CodeMirror-wrap { | |
| 234 | + min-width: 550px; } } | |
| 235 | + | |
| 236 | +@media (max-width: 768px) { | |
| 237 | + .visualizer-settings .visualizer-settings__charts .visualizer-settings__charts-grid { | |
| 238 | + display: grid; | |
| 239 | + grid-template-columns: 100%; } } | |
| 2 | 240 | |
