Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-04-19 16:23:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix sections styling for Particle Explorer tab.

Browse source
This commit is contained in:
Artur Gomes 2017-12-18 18:36:32 +00:00
parent 4d42dba300
commit 80898d9336
4 changed files with 25 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
scripts/system/particle_explorer/hifi-entity-ui.js
View file

@ -261,15 +261,18 @@ HifiEntityUI.prototype = {
addSection: function (parent, section, properties, index) {
var self = this;
var sectionDivHeader = document.createElement("div");
var title = document.createElement("label");
var sectionDivHeader = document.createElement("fieldset");
var title = document.createElement("legend");
var dropDown = document.createElement("span");
dropDown.className = "arrow";
sectionDivHeader.className = "section-header";
sectionDivHeader.className = "major";
title.className = "section-header";
title.id = section + "-section";
title.innerHTML = section;
title.appendChild(dropDown);
sectionDivHeader.appendChild(title);
sectionDivHeader.appendChild(dropDown);
var collapsed = index !== 0;
dropDown.innerHTML = collapsed ? "L" : "M";
@ -292,7 +295,7 @@ HifiEntityUI.prototype = {
}
}
sectionDivBody.appendChild(animationWrapper);
parent.appendChild(sectionDivBody);
sectionDivHeader.appendChild(sectionDivBody);
_.defer(function () {
var height = (animationWrapper.clientHeight) + "px";
if (collapsed) {
@ -303,7 +306,7 @@ HifiEntityUI.prototype = {
sectionDivBody.style.maxHeight = height;
}
sectionDivHeader.onclick = function () {
title.onclick = function () {
collapsed = !collapsed;
if (collapsed) {
sectionDivBody.classList.remove("visible");
@ -314,7 +317,7 @@ HifiEntityUI.prototype = {
}
// sectionDivBody.style.display = collapsed ? "none": "block";
dropDown.innerHTML = collapsed ? "L" : "M";
sectionDivHeader.setAttribute("collapsed", collapsed);
title.setAttribute("collapsed", collapsed);
};
});
},

12
scripts/system/particle_explorer/particle-style.css
View file

File diff suppressed because one or more lines are too long

4
scripts/system/particle_explorer/particleExplorer.html
View file

@ -30,8 +30,8 @@
<link rel="stylesheet" type="text/css" href="particle-style.css">
</head>
<body>
<div id="particle-explorer">
<div class="section-header">
<div id="properties-list">
<div class="section-header" id="main-header">
<label> Particle Explorer </label>
</div>
<!-- This will be filled by the script! -->

2
scripts/system/particle_explorer/particleExplorer.js
View file

@ -17,7 +17,7 @@
(function () {
var root = document.getElementById("particle-explorer");
var root = document.getElementById("properties-list");
window.onload = function () {
var ui = new HifiEntityUI(root);