diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css index 88a5fbd6a7..f4ec47f444 100644 --- a/examples/html/edit-style.css +++ b/examples/html/edit-style.css @@ -360,12 +360,15 @@ input[type=checkbox]:checked + label:hover { .section-header, .sub-section-header { + display: table; + width: 100%; margin: 22px -12px 0 -12px; padding: 14px 12px 0 12px; font-size: 12px; color: #afafaf; height: 28px; text-transform: uppercase; + outline: none; } .section-header { @@ -397,16 +400,16 @@ input[type=checkbox]:checked + label:hover { right: 12px; } -.text-section[collapsed="true"] ~ .text-section, -.zone-section[collapsed="true"] ~ .zone-section, -.web-section[collapsed="true"] ~ .web-section, -.hyperlink-section[collapsed="true"] ~ .hyperlink-section, -.spatial-section[collapsed="true"] ~ .spatial-section, -.physical-section[collapsed="true"] ~ .physical-section, -.behavior-section[collapsed="true"] ~ .behavior-section, -.model-section[collapsed="true"] ~ .model-section, -.light-section[collapsed="true"] ~ .light-section { - display: none; +.text-group[collapsed="true"] ~ .text-group, +.zone-group[collapsed="true"] ~ .zone-group, +.web-group[collapsed="true"] ~ .web-group, +.hyperlink-group[collapsed="true"] ~ .hyperlink-group, +.spatial-group[collapsed="true"] ~ .spatial-group, +.physical-group[collapsed="true"] ~ .physical-group, +.behavior-group[collapsed="true"] ~ .behavior-group, +.model-group[collapsed="true"] ~ .model-group, +.light-group[collapsed="true"] ~ .light-group { + display: none !important; } @@ -442,7 +445,7 @@ input[type=checkbox]:checked + label:hover { margin-top: 0; } -.sub-props-checkbox-group { +.checkbox-sub-props { margin-top: 18px; } diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html index 4478d05d04..73f0ac6b28 100644 --- a/examples/html/entityProperties.html +++ b/examples/html/entityProperties.html @@ -46,7 +46,7 @@ function showElements(els, show) { for (var i = 0; i < els.length; i++) { - els[i].style.display = (show) ? 'block' : 'none'; + els[i].style.display = (show) ? 'table' : 'none'; } } @@ -651,11 +651,11 @@ } for (var i = 0; i < elHyperlinkSections.length; i++) { - elHyperlinkSections[i].style.display = 'block'; + elHyperlinkSections[i].style.display = 'table'; } if (properties.type == "Box" || properties.type == "Sphere" || properties.type == "ParticleEffect") { - elColorSection.style.display = 'block'; + elColorSection.style.display = 'table'; elColorRed.value = properties.color.red; elColorGreen.value = properties.color.green; elColorBlue.value = properties.color.blue; @@ -666,7 +666,7 @@ if (properties.type == "Model") { for (var i = 0; i < elModelSections.length; i++) { - elModelSections[i].style.display = 'block'; + elModelSections[i].style.display = 'table'; } elModelURL.value = properties.modelURL; @@ -687,7 +687,7 @@ setTextareaScrolling(elModelOriginalTextures); } else if (properties.type == "Web") { for (var i = 0; i < elWebSections.length; i++) { - elWebSections[i].style.display = 'block'; + elWebSections[i].style.display = 'table'; } for (var i = 0; i < elHyperlinkSections.length; i++) { elHyperlinkSections[i].style.display = 'none'; @@ -696,7 +696,7 @@ elWebSourceURL.value = properties.sourceUrl; } else if (properties.type == "Text") { for (var i = 0; i < elTextSections.length; i++) { - elTextSections[i].style.display = 'block'; + elTextSections[i].style.display = 'table'; } elTextText.value = properties.text; @@ -710,7 +710,7 @@ elTextBackgroundColorBlue.value = properties.backgroundColor.blue; } else if (properties.type == "Light") { for (var i = 0; i < elLightSections.length; i++) { - elLightSections[i].style.display = 'block'; + elLightSections[i].style.display = 'table'; } elLightSpotLight.checked = properties.isSpotlight; @@ -726,7 +726,7 @@ elLightCutoff.value = properties.cutoff.toFixed(2); } else if (properties.type == "Zone") { for (var i = 0; i < elZoneSections.length; i++) { - elZoneSections[i].style.display = 'block'; + elZoneSections[i].style.display = 'table'; } elZoneStageSunModelEnabled.checked = properties.stage.sunModelEnabled; @@ -762,7 +762,7 @@ showElements(document.getElementsByClassName('skybox-section'), elZoneBackgroundMode.value == 'skybox'); } else if (properties.type == "PolyVox") { for (var i = 0; i < elPolyVoxSections.length; i++) { - elPolyVoxSections[i].style.display = 'block'; + elPolyVoxSections[i].style.display = 'table'; } elVoxelVolumeSizeX.value = properties.voxelVolumeSize.x.toFixed(2); @@ -1301,35 +1301,32 @@ -
-
-
-
+
M
-
+
-
+
-
+
@@ -1338,7 +1335,7 @@
-
+
@@ -1349,21 +1346,18 @@
-
+
M
- -
+
- -
+
- -
+
@@ -1372,13 +1366,11 @@
- -
+
- -
+
@@ -1388,58 +1380,48 @@
- -
+
- -
+
- -
+
- -
+
- -
+
- -
+
- -
+
- -
+
-
+
- -
+
- -