From cc2c0a13c26da7730d14b489a56b408a5b803cdd Mon Sep 17 00:00:00 2001 From: William Toohey Date: Sun, 4 Oct 2015 01:53:22 +1000 Subject: [PATCH] Fix overflow --- css/hues-r.css | 2 ++ css/hues-x.css | 22 +++++++++++++++++----- img/lighton.png | Bin 20203 -> 20449 bytes js/HuesUI.js | 5 ++++- 4 files changed, 23 insertions(+), 6 deletions(-) diff --git a/css/hues-r.css b/css/hues-r.css index 4780a93..cfacea5 100644 --- a/css/hues-r.css +++ b/css/hues-r.css @@ -8,6 +8,8 @@ position: absolute; bottom: 0px; white-space: nowrap; + overflow: hidden; + width: 100%; font-size: 10px; } diff --git a/css/hues-x.css b/css/hues-x.css index 757bb3e..76e08e7 100644 --- a/css/hues-x.css +++ b/css/hues-x.css @@ -93,24 +93,36 @@ .hues-x-wiresleft, .hues-x-wiresright { height: 100%; top: 0px; + overflow: hidden; } .hues-x-wiresleft { - width: 76px; + width: 200px; left: 0px; background-image: url("../img/wiresleft.png"); } .hues-x-wiresright { - width: 59px; + width: 200px; right: 0px; background-image: url("../img/wiresright.png"); + background-position: 141px 0px; } -.hues-x-wiresbottom { +.hues-x-wiresbottomhelper { + position: absolute; bottom: 0px; - height: 56px; + width: 100%; + height: 200px; + overflow: hidden; +} + +.hues-x-wiresbottom { + height: 200px; width:2889px; background-image: url("../img/wiresbottom.png"); - left:50%;margin-left:-1444.5px; + background-position: 0px 144px; + left:50%; + margin-left: -1444.5px; + overflow: hidden; } \ No newline at end of file diff --git a/img/lighton.png b/img/lighton.png index 4509d190e474b4dbcb8cefe7d235a6f6ada78f7c..f238b3465ad481ddef6f60c2d24460db00afc940 100644 GIT binary patch delta 2545 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 delta 2294 zcma)7YcvxK1KwsWh8b;d#G6gJY;Ln*qjH%`?q(*csZETpsHK&@YBrZKCG)n4yz{y( zBFd$tgxta+Nh-H8M7b1s-Ri~L`Of>}`|r#*f-`^ zgJ{>?&Q~}#=qv2UsVHgmIF93!qJ|Yn`h_ zUL(>9?gW-EY?+mGuQ!}FsCR+qbeYCd(kH%*@keOwPW2h;&Y?}(N+>O+FXOLB@yN;Z zEW81zE$9av?1-ty)F2VDP*Jv+x2Z_hAv+ZhY`Lr6Y4&H>vl&DKhCKtS{31)`~OO*6;0oVp(!vQxb5J-e5Uc^4TO5k7*TDh8xwC5r z+iy+@F_mjV<4<-&cwLPAMgvTP*Rr~LR+?kCp%@({EC-Hn)9VvF*6N39b{1yDq3d*W zeBB>Glr7XzI}ab{jen0x8QWpO_m@%Y3x?$!Lq8;=+LRFNRiebdc(Q`zFbImgdgIm8)Al! zIv)7$oYm7*ZV-^((=-kVcRcsbU}t%t8bbx6pf`h`vU|mQz0gq?>$s@%kq=D}mr|*} zw5I^c_)+-5!@fJKjrAT-%Dguxd_zYLav|UOlDJPS{23}Vt7oXv=HesAo7U!TUq9%t zzQW30yh(N z4xpzyc$mhm(Tutk$}WTcV&-pJ8Li7Z+<}LeV=*7IJR@ep?z}4)XAt2zn{eP!$A4wT zs8!k?aMk&7?OjE1b}ij?j5w(@A8)alml%e>g*7dNH08v7Zf57bOB-I)r{2H;D^3dL zw$xO|eK{GjC28oTw{Y}=cGBt=O}fQx=&V=9Z_Gru)q*Aq3PDbPH#2dAbRGqG~l zxD@ijFoVkX0yL%XF+4A3q6T!Xy?%W1)YhwAF=fQTAR|YwBplFhU|U)z_^Duo=grhU zIIyXbzQhcVYiTvfd`b=Pj%2O`F#w{hSODZw?8GXmTt4miKBileuC~XE+KzfdwJ4Zk9SP^l%Lz zBfxc9(liAl;1pH`mlQZ%{e`zFSet!+Gdb7pngh)9nZP_JxV zW}m0Ynz<9vH7NSo3i!l=ZQ4hz!sp^r5XG}4Bjg-`TDzgQ8T&G4ys{&JLYY|bitCSz z%kU`u;8AWM&$NNZiubE&MwOa}VR6#6UK0tqw4-w}=!_TZ0SJiZ^<`vU_dXXZM@C8wsaywxV?DJl}vL$>tkB=-i-I^F=)EAI4?Pvu(q!km=N^y&# zUmv4!ZzZ6Fjb5u$>;+VPL6GrGhBeeYnfphXQdK6Ez6X(Z$ZREQEopXY3-$~@9F#b0 z6%v3Zi1M|~g->}adK@tRgGa=(kgi)A^Lc@&rA(z(PF)bR$#7i>0A7`6D=r9AQeJey za|*tzU+~*K#N`22`WAH1cB9*iXjQ(Q?a$#g_9O~<3uo>4x{`~;ddguk?O-c*t{*;q zEecxqYw(OU^3>e3pG}`>!b5Gu-C_s=|KP{Ia>hK0in2~lOi!@McYg)}O;7oqlQSL?@p zwMUG3CvV(=e|heq_Kmf~&Sj^1K@FE)z@VU~yf1c=PRLo~L_+7Gp<*h_0%Fn{Jr2vr zN2DMGvihPOoTFH{QoHd|MVQw~j4l}pIC15OFB3}~d!fPB0@ zf-#eRM4FkTI_>TW5j2hiu+UlQ}IHn~4!&_&+Lh)@ktBlr9+)q0AsuOVXBJ&-;g y=yg%Xcjzco_RnqqPclWiZlcE0Q2!x%$G5M5`-jrBQ(IMFfS+)4_Wn5*M%>?JRU4fE diff --git a/js/HuesUI.js b/js/HuesUI.js index 12807bf..d291728 100644 --- a/js/HuesUI.js +++ b/js/HuesUI.js @@ -774,6 +774,8 @@ function XmasUI() { this.lights.push(light); } + var bottomHelper = document.createElement("div"); + bottomHelper.className = "hues-x-wiresbottomhelper"; var bottom = document.createElement("div"); bottom.className = "hues-x-wiresbottom"; for(var i = 0; i < xbottom.length; i++) { @@ -787,7 +789,8 @@ function XmasUI() { wires.appendChild(left); wires.appendChild(right); - wires.appendChild(bottom); + bottomHelper.appendChild(bottom); + wires.appendChild(bottomHelper); this.root.appendChild(wires); } XmasUI.prototype = Object.create(ModernUI.prototype);