Fix tablet not opening.

Fix headers not showing correctly since changes in editProperties page.
This commit is contained in:
Artur Gomes 2017-08-16 20:59:09 +01:00
parent 9d87954d71
commit 030877457b
2 changed files with 236 additions and 234 deletions

View file

@ -32,7 +32,6 @@ var DEFAULT_SCRIPTS_COMBINED = [
];
var DEFAULT_SCRIPTS_SEPARATE = [
"system/controllers/controllerScripts.js",
"system/fingerPaint/fingerPaint.js"
// "system/chat.js"
"system/fingerPaint/fingerPaint.js"
];

View file

@ -1,8 +1,8 @@
<script type="text/javascript" src="../../html/js/keyboardControl.js"></script>
<script src="../../html/js/jquery-2.1.4.min.js"></script>
<script src="../content/js/ColorUtils.js"></script>
<script src="../content/js/ColorUtils.js"></script>
<script src="../../html/js/colpick.js"></script>
<style>
input[type=range] {
-webkit-appearance: none;
@ -76,6 +76,7 @@
}
#brushesCointainer {
margin-bottom: 50px;
margin-top: 24px;
}
.imageContainer {
display: block;
@ -136,7 +137,7 @@
margin-top: 4px;
}
#continuousLine {
#continuousLineIcon {
text-align: center;
background-color: transparent;
color: white;
@ -160,16 +161,15 @@
</div>
</div>
<div id="brushesContent">
<div class="section-header"></div>
<div id="special-section" class="section-header special-group special-section">
<label>Special Effects</label><span>M</span>
</div>
<div id="properties-list">
<fieldset class="major">
<legend id="special-section" class="section-header special-group special-section">
Special Effects<span>M</span>
</legend>
<div class="special-group special-brushes-section special-section">
<div class="special-group special-brushes property checkbox">
<span class="glyph effectPreview" id="continuousLine">&#8734;</span>
<span id="continuousLineIcon" class="glyph effectPreview">&#8734;</span>
<input onchange="setContinuosLineMode(this)" type="checkbox" id="continuousLine"></input>
<label for="continuousLine">Use Continuous Line</label>
</div>
@ -198,10 +198,13 @@
<label for="dynamicValue">Use Dynamic Brightness</label>
</div>
</div>
</fieldset>
<div id="brushes-section" style="margin-bottom: 24px" class="section-header brushes-group">
<label>Brushes</label><span>M</span>
</div>
<fieldset class="major">
<legend id="brush-section" class="section-header brushes-group brushes-section">
Brushes<span>M</span>
</legend>
<div id="brushesCointainer" class="brushes-group">
<button class="brushButton" brushType="stretch" id="content/brushes/square.png" onclick="changePaintBrush(0)">
<div class="imageContainer">
@ -391,6 +394,8 @@
</div>
<div class="brushLabel">Softbow</div>
</button>
</fieldset>
</div>
</div>
</div>
@ -635,20 +640,18 @@
$(window).load(function(){
setUpKeyboardControl();
// Collapsible sections
var elCollapsible = document.getElementsByClassName("section-header");
var toggleCollapsedEvent = function(event) {
var element = event.target;
if (element.nodeName !== "DIV") {
element = element.parentNode;
}
var isCollapsed = element.getAttribute("collapsed") !== "true";
element.setAttribute("collapsed", isCollapsed ? "true" : "false");
element.getElementsByTagName("span")[0].textContent = isCollapsed ? "L" : "M";
var switchCollapsedState = {
"type" : "switchCollapsed",
"isCollapsed" : isCollapsed,
"isCollapsed": isCollapsed,
"sectionId" : element.getAttribute("id")
};
EventBridge.emitWebEvent(JSON.stringify(switchCollapsedState));