Merge pull request #5217 from AnalyticalGraphicsInc/3dtiles-inspector…

…-refactor Cesium 3dtiles inspector refactor
CesiumGS · Apr 19, 2017 · 5854e68 · 5854e68
2 parents 85e4976 + 95fbaba
commit 5854e68
Show file tree

Hide file tree

Showing 13 changed files with 1,432 additions and 1,398 deletions.
diff --git a/Source/Widgets/Cesium3DTilesInspector/Cesium3DTilesInspector.css b/Source/Widgets/Cesium3DTilesInspector/Cesium3DTilesInspector.css
@@ -0,0 +1,149 @@
+
+ul.cesium-cesiumInspector-stats {
+    margin: 0;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
+ul.cesium-cesiumInspector-stats + ul.cesium-cesiumInspector-stats {
+    border-top: 1px solid #aaa;
+}
+
+.cesium-cesiumInspector-slider {
+    margin-top: 5px;
+}
+
+.cesium-cesiumInspector-slider input[type=number] {
+    text-align: left;
+    background-color: #222;
+    outline: none;
+    border: 1px solid #444;
+    color: #edffff;
+    width: 100px;
+    border-radius: 3px;
+    padding: 1px;
+    margin-left: 10px;
+    cursor: auto;
+}
+
+.cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button,
+.cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+.cesium-cesiumInspector-slider input[type=range] {
+    margin-left: 5px;
+    vertical-align: middle;
+    -webkit-appearance: none;
+    background: #ddd;
+    height: 3px;
+}
+
+input[type=range]:focus {
+    outline: none;
+}
+
+.cesium-cesiumInspector-slider input[type=range]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    border: 1px solid #000000;
+    height: 10px;
+    width: 10px;
+    border-radius: 5px;
+    background: #ffffff;
+    cursor: pointer;
+}
+
+.cesium-cesiumInspector-slider input[type=range]::-moz-range-thumb {
+    border: 1px solid #000000;
+    height: 10px;
+    width: 10px;
+    border-radius: 5px;
+    background: #ffffff;
+    cursor: pointer;
+}
+
+.cesium-cesiumInspector-slider input[type=range]::-moz-range-thumb {
+    border: 1px solid #000000;
+    height: 10px;
+    width: 10px;
+    border-radius: 5px;
+    background: #ffffff;
+    cursor: pointer;
+}
+
+.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor {
+    display: none;
+}
+
+.cesium-cesiumInspector-styleEditor {
+    padding: 10px;
+    border-radius: 5px;
+    background: rgba(48, 51, 54, 0.8);
+    border: 1px solid #444;
+}
+
+.cesium-cesiumInspector-styleEditor textarea {
+    width: 100%;
+    height: 300px;
+    background: transparent;
+    color: #edffff;
+    border: none;
+    padding: 0;
+    white-space: pre;
+    overflow-wrap: normal;
+    overflow-x: auto;
+}
+
+.cesium-3DTilesInspector {
+    width: 300px;
+    pointer-events: all;
+}
+
+.cesium-3DTilesInspector-stats {
+    font-size: 11px;
+}
+
+.cesium-3DTilesInspector div, .cesium-3DTilesInspector input[type=range] {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.cesium-cesiumInspector-error {
+    color: #ff9e9e;
+    overflow: auto;
+}
+
+.cesium-3DTilesInspector .cesium-cesiumInspector-section {
+    margin-top: 3px;
+}
+
+.cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {
+    border-top: 1px solid white;
+}
+
+input.cesium-cesiumInspector-url {
+    overflow: hidden;
+    white-space: nowrap;
+    overflow-x: scroll;
+    background-color: transparent;
+    color: white;
+    outline: none;
+    border: none;
+    height: 1em;
+    width: 100%;
+}
+
+.cesium-cesiumInspector .field-group {
+    display: table;
+}
+
+.cesium-cesiumInspector .field-group > label {
+    display: table-cell;
+    font-weight: bold;
+}
+
+.cesium-cesiumInspector .field-group > .field {
+    display: table-cell;
+    width: 100%;
+}