added some tweeks to the demo index.html

This commit is contained in:
bluesaxman 2022-12-20 10:53:20 -07:00
parent 773dc261c8
commit 95efa891ab
2 changed files with 22 additions and 5 deletions

View File

@ -15,6 +15,7 @@ body > .bui_window_root {
flex:1; flex:1;
width: 99%; width: 99%;
height: 99%; height: 99%;
overflow: hidden;
} }
.bui_window_content { .bui_window_content {
@ -55,6 +56,7 @@ body > .bui_window_root {
.bui_window_titlebar { .bui_window_titlebar {
background: rgba(100,100,100,1); background: rgba(100,100,100,1);
padding: 5px; padding: 5px;
user-select: none;
} }
.bui_window_title { .bui_window_title {
@ -79,3 +81,7 @@ body > .bui_window_root {
background: rgba(0,0,0,0.01); background: rgba(0,0,0,0.01);
cursor: pointer; cursor: pointer;
} }
.active_window {
z-index: 1000;
}

View File

@ -63,13 +63,24 @@ blueui.js - Adds classes for several highly reusable ui objects such as buttons
document.body.appendChild(window.bdescription.root); document.body.appendChild(window.bdescription.root);
window.bdescription.content.appendChild(window.bcore.root); window.bdescription.content.appendChild(window.bcore.root);
window.bcore.root.style.top = "40px"; window.bcore.root.style.top = "80px";
window.bcore.root.style.left = "80px";
window.bdescription.content.appendChild(window.baudio.root); window.bdescription.content.appendChild(window.baudio.root);
window.baudio.root.style.top = "80px"; window.baudio.root.style.top = "120px";
window.baudio.root.style.left = "120px";
window.bdescription.content.appendChild(window.bmath.root); window.bdescription.content.appendChild(window.bmath.root);
window.bmath.root.style.top = "120px"; window.bmath.root.style.top = "160px";
window.bmath.root.style.left = "160px";
window.bdescription.content.appendChild(window.bpixle.root); window.bdescription.content.appendChild(window.bpixle.root);
window.bpixle.root.style.top = "160px"; window.bpixle.root.style.top = "200px";
window.bpixle.root.style.left = "200px";
window.bdescription.content.appendChild(window.bui.root); window.bdescription.content.appendChild(window.bui.root);
window.bui.root.style.top = "200px"; window.bui.root.style.top = "240px";
window.bui.root.style.left = "240px";
window.bcore.minimizeButton.root.click();
window.baudio.minimizeButton.root.click();
window.bmath.minimizeButton.root.click();
window.bpixle.minimizeButton.root.click();
window.bui.minimizeButton.root.click();
</script> </script>