Commits

Seph Soliman committed 00988d6

remove debug info. smaller back for widget and adjusted graphics

  • Participants
  • Parent commits a8ef576

Comments (0)

Files changed (4)

File src/Info.plist

     <key>CloseBoxInsetY</key>
     <integer>13</integer>
 	<key>Height</key>
-	<integer>326</integer>
+	<integer>249</integer>
 	<key>MainHTML</key>
 	<string>widget.html</string>
 	<key>Width</key>

File src/css/widget.css

+@import 'debug.css';
+
 html { margin: 0px; padding: 0px; }
-body { background: transparent; font: 13px 'Lucida Grande'; color: #fff; width: 289px; height: 326px; }
+body { background: transparent; font: 13px 'Lucida Grande'; color: #fff; width: 289px; height: 249px; }
 h2 { font-size: 15px; font-family: 'Lucida Grande'; padding: 6px 0px 0px }
 
 #info { position: absolute; right: 45px; top: 25px; cursor: default; }
-#done { position: absolute; left: 25px; bottom: 48px; cursor: default; }
+#done { position: absolute; left: 25px; bottom: 28px; cursor: default; }
 .loadindicator { position: absolute; right: 18px; top: 18px; cursor: default; }
-.widgetside { position: relative; width: 289px; height: 326px; }
-.widgetside .widgetcontent { padding: 20px 20px; height: 310px; position: relative; }
+.widgetside { position: relative; width: 289px; height: 249px; }
+.widgetside .widgetcontent { padding: 20px 20px; height: 209px; position: relative; }
 
 #front { background: transparent url('../images/bg-front-collapsed.png') no-repeat 0px 0px; }
 #front.expanding { background: transparent url('../images/bg-front-collapsed-sliding.png') no-repeat 0px 0px; }
 
 #projects { font-size: 24px; width: 173px; }
 
-#your_user_id { position: absolute; bottom: 42px; right: 20px; color: #999; font-size: 9px; }
-#debug { position: absolute; bottom: 55px; right: 20px; }
+#your_user_id { position: absolute; bottom: 20px; right: 20px; color: #999; font-size: 9px; }
+#debug { position: absolute; bottom: 35px; left: 20px; }
 #debug input { width: 95px; }
-#debugbtn { position: absolute; bottom: 40px; right: 70px; color: #999; font-size: 9px; background: transparent url('../images/debug.png') no-repeat left top; width: 51px; height: 14px; cursor: pointer; }
+#debugbtn { position: absolute; bottom: 20px; right: 70px; color: #999; font-size: 9px; background: transparent url('../images/debug.png') no-repeat left top; width: 51px; height: 14px; cursor: pointer; }
 
 #projects_container { position: absolute; top: 45px; left: 25px; }
 #time_container { position: absolute; top: 79px; left: 25px; height: 25px; width: 173px; text-align: center; font-size: 20px; }
 input[disabled] { opacity: .4; }
 input[type=text].fieldHelp { color: #999; }
 
+.debug { visibility: hidden; }
 

File src/images/bg-back.png

Old
Old image
New
New image

File src/widget.html

 	</head>
 	
 	<body onload="setup()">
-		<div id="front" class="widgetside">
+		<div id="front" class="widgetside" style="display:none">
 			<div class="widgetcontent">
 				<div id="watch"></div>
 				<div class="loadindicator"><img src="images/ajax-loader.gif" alt="Loading..."/></div>
 				<div id="info">&nbsp;</div>
 			</div>
 		</div>
-		<div id="back" class="widgetside" style="display:none">
+		<div id="back" class="widgetside">
 			<div class="widgetcontent">
 				<div class="loadindicator"><img src="images/ajax-loader-back.gif" alt="Loading..."/></div>
 				<br/>
 					</p>
 				</form>
 				
-				<span onclick="$('#debug').slideToggle(250)" id="debugbtn"></span><br/>
-				<div id="debug" style="display: none; padding: 10px; border: 1px solid white; width: 200px;">
+				<span class="debug" onclick="$('#debug').slideToggle(250)" id="debugbtn"></span><br/>
+				<div class="debug" id="debug" style="display: none; width: 200px;">
 					<input type="button" value="Reload Projects" onclick="pullProjects()" />
 					<input type="button" value="Show report" onclick="$('#reportcontainer').show();" /><br/>
 					
 					<input type="button" value="Get User Id" onclick="pullUserId()" />
 					<input type="button" value="Show front" onclick="showFront()" /><br/>
 				</div>
+				<div class="debug" id="your_user_id">N/A</div>
 				
-				<div id="your_user_id">N/A</div>
 				<div id="done">&nbsp;</div>
 			</div>
 		</div>