Red:
Green:
@@ -67,7 +61,7 @@
-
+
diff --git a/js/controlls.js b/js/controlls.js
index 6a86200..1e1300a 100644
--- a/js/controlls.js
+++ b/js/controlls.js
@@ -484,7 +484,6 @@ function CONTROLLS_CLASS(){
}
if(n_valid == 0)
progress.style.display='none';
- document.getElementById("drop_zone").style.display='none';
};
this.mouse_wheel_handler = function(e){ //return true;
var step = 100; e.preventDefault();
@@ -514,10 +513,11 @@ function CONTROLLS_CLASS(){
this.scroll_window = function(){
var pad_left = 109;
var pad_top = 34;
+ var pad_right = 170;
var dim = HELPER.get_dimensions();
var page_w = dim[0];
var page_h = dim[1];
- var total_w = (WIDTH * ZOOM/100) + pad_left;
+ var total_w = (WIDTH * ZOOM/100) + pad_left + pad_right;
var total_h = (HEIGHT * ZOOM/100) + pad_top;
var visible_w = page_w - 60;
var visible_h = page_h - 60;
@@ -546,10 +546,11 @@ function CONTROLLS_CLASS(){
this.calc_preview_auto = function(){
var pad_left = 109;
var pad_top = 34;
+ var pad_right = 170;
var dim = HELPER.get_dimensions();
var page_w = dim[0];
var page_h = dim[1];
- var total_w = (WIDTH * ZOOM/100) + pad_left;
+ var total_w = (WIDTH * ZOOM/100) + pad_left + pad_right;
var total_h = (HEIGHT * ZOOM/100) + pad_top;
var visible_w = page_w - 60;
var visible_h = page_h - 60;
diff --git a/styles/styles.css b/styles/styles.css
index 4d490ec..9e39d72 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -73,17 +73,6 @@ input[type="button"]{
#canvas_back{
background-color:#ffffff;
}
-#drop_zone{
- border:5px dashed #CCCCCC;
- text-align: center;
- width:400px;
- height:200px;
- margin:10px;
- margin-left:60px;
- display:none;
- position:absolute;
- background-color:#ffffff;
- }
#canvas_container{
margin:10px 5px 5px 5px;
}
@@ -230,7 +219,24 @@ input[type="button"]{
height:5px;
margin-left:105px;
position:absolute;
+ top:35px;
}
+#color_hex{
+ width:98%;
+ border:1px solid #393939;
+}
+#canvas_grid{
+ display:none;
+ pointer-events:none;
+}
+#all_colors{
+ margin-top:10px;
+ padding:3px 0px 3px 3px;
+}
+#canvas_front{
+ position:relative;
+ margin-right:170px;
+}
/* ==== classes ============================================================= */
@@ -461,7 +467,6 @@ input[type="button"]{
#menu_left,
#layers_container,
#canvas_back,
- #drop_zone,
.ddsmoothmenu{
display: none;
height: 0;