vmario
/
doodle3d-client
mirror of https://github.com/Doodle3D/doodle3d-client.git
0
0
Fork 0
Code Issues Releases Wiki Activity

better margins for thermo and progress

This commit is contained in:
Adriaan Wormgoor 2013-10-16 23:32:50 +02:00
parent b89f2385b8
commit b2191217cb
4 changed files with 92 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
css/styles.css
View File

@ -434,8 +434,16 @@ top: 0;
PROGRESSGUAGE AND THERMOMETER SHARED STYLES
*/
.progressbarAppear,.thermometerAppear {
right: 1.5% !important;
.progressbarAppear {
/*margin-right: 1.5% !important;
*/
right: -0.5% !important;
}
.thermometerAppear {
/*margin-right: 1.5% !important;
*/
right: -6.5% !important;
}
/*
@ -446,19 +454,29 @@ PROGRESS GUAGE
.progressbarCanvasContainerParent {
position: relative;
width: 100%;
padding-top: 5px;
}
#progressbarCanvasContainer {
position: relative;
width: 50%;
float: right;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px; /*padding: 5px 0px 5px 5px;
*/
padding: 5px;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
-webkit-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-ms-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -50%;
right: -60%;
}
#progressbarCanvas {
@ -469,13 +487,6 @@ PROGRESS GUAGE
width: 100%;
height: auto;
background-color: #fff;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
padding: 5px 0px 5px 5px;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
}
/*
@ -486,19 +497,28 @@ THERMOMETER
.thermometerContainerParent {
position: relative;
width: 100%;
padding-top: 5px;
}
#thermometerContainer {
position: relative;
width: 45%;
float: right;
background-color: #fff;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
padding: 5px;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
-webkit-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-ms-transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: right 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -45%;
right: -55%;
}
#thermometerCanvas {
@ -509,13 +529,6 @@ THERMOMETER
width: 100%;
height: auto;
background-color: #fff;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
padding: 5px 0px 5px 5px;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
}
/*

2
css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

17
js/main.js
View File

@ -98,8 +98,25 @@ $(function() {
}, 1000);
//*/
}
showhideInterval = setInterval(showOrHideThermo, 2500);
});
var showhideInterval;
var showOrHide = false;
function showOrHideThermo() {
console.log("f:showOrHideThermo()");
if (showOrHide) {
thermometer.hide();
progressbar.hide();
} else {
thermometer.show();
progressbar.show();
}
showOrHide = !showOrHide;
}
function settingsLoaded() {
console.log("settingsLoaded");
console.log("autoHeatup: ",settings["printer.heatup.enabled"]);

62
less/base_rightpanel.less
View File

@ -46,9 +46,13 @@
PROGRESSGUAGE AND THERMOMETER SHARED STYLES
*/
.progressbarAppear, .thermometerAppear {
// margin-right: 1.5% !important;
right: 1.5% !important;
.progressbarAppear {
/*margin-right: 1.5% !important;*/
right: -.5% !important;
}
.thermometerAppear {
/*margin-right: 1.5% !important;*/
right: -6.5% !important;
}
@ -60,14 +64,24 @@
.progressbarCanvasContainerParent {
position:relative;
width:100%;
padding-top: 5px;
}
#progressbarCanvasContainer {
position: relative;
width: 50%;
float:right;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
/*padding: 5px 0px 5px 5px;*/
padding: 5px;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
transition: right .40s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -50%;
right: -60%;
}
#progressbarCanvas {
@ -78,13 +92,13 @@
width: 100%;
height: auto;
background-color: #fff;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
padding: 5px 0px 5px 5px;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
// border: solid #000;
// border-width: 2px 0 2px 2px;
// border-radius: 15px 0 0 15px;
// padding: 5px 0px 5px 5px;
//
// -webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
// box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
}
/*
@ -95,14 +109,24 @@
.thermometerContainerParent {
position:relative;
width:100%;
padding-top: 5px;
}
#thermometerContainer {
position: relative;
width: 45%;
float: right;
background-color: #fff;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
padding: 5px;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
transition: right .50s cubic-bezier(0.68, -0.55, 0.265, 1.55);
right: -45%;
right: -55%;
}
#thermometerCanvas {
@ -113,13 +137,13 @@
width: 100%;
height: auto;
background-color: #fff;
border: solid #000;
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
padding: 5px 0px 5px 5px;
-webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
// border: solid #000;
// border-width: 2px 0 2px 2px;
// border-radius: 15px 0 0 15px;
// padding: 5px 0px 5px 5px;
//
// -webkit-box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
// box-shadow: 0 2px 5px rgba(37, 37, 37, 0.35);
}