Skip to content
This repository
Browse code

Nesting tags now have BG chevrons

Slight adjust to make text in footer look in line
'cursor nest locaton' wording starts with lowercase c
BG gif added which contains start, middle and end chevron graphics
Now showing DIV containing BG for start, middle or end chunks between
next tag names
  • Loading branch information...
commit 72ff461b45f08ce92c7222d7834ddf0aa272f080 1 parent 96fe7d4
mattpass authored December 01, 2012
BIN  images/nest-tag-bg.gif
2  index.php
@@ -160,7 +160,7 @@
160 160
 
161 161
 <div class="footer" id="footer" onContextMenu="return false">
162 162
 	<div class="nesting" id="nestValid">Nesting OK</div>
163  
-	<div class="nestLoc">Cursor nest location</div>
  163
+	<div class="nestLoc">cursor nest location</div>
164 164
 	<div class="nestDisplay" id="nestDisplay"></div>
165 165
 	<div class="charDisplay" id="charDisplay"><span id="char"></span></div>
166 166
 </div>
4  lib/ice-coder.css
@@ -127,8 +127,8 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
127 127
 
128 128
 .footer {position: fixed; display: inline-block; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.7); left: 0; z-index: 2}
129 129
 .footer .nesting {display: inline-block; padding: 5px 8px; margin: 4px 0 0 15px; font-weight: bold; font-size: 10px; color: #fff; background-color: #0b0}
130  
-.footer .nestLoc {position: absolute; display: inline-block; width: 120px; padding: 5px 0 0 8px; margin-top: 3px; left: 112px; font-weight: bold; font-size: 12px; color: #fff; text-align: right}
131  
-.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; left: 255px; font-size: 12px; color: #fff; text-align: right}
  130
+.footer .nestLoc {position: absolute; display: inline-block; width: 120px; padding: 5px 0 0 8px; margin-top: 2px; left: 112px; font-weight: bold; font-size: 12px; color: #fff; text-align: right}
  131
+.footer .nestDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 0px; left: 255px; font-size: 12px; color: #fff; text-align: right}
132 132
 .footer .charDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; left: 100%; font-weight: bold; font-size: 12px; color: #fff; text-align: right; width: 200px; text-align: right; margin-left: -220px}
133 133
 
134 134
 .textbox {box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.4)}
7  lib/ice-coder.js
@@ -951,8 +951,11 @@ var ICEcoder = {
951 951
 
952 952
 					// Then for all the array items, output as the nest display
953 953
 					for (var i=0;i<ICEcoder.htmlTagArray.length;i++) {
954  
-						ICEcoder.nestDisplay.innerHTML += '<a onMouseover="top.ICEcoder.highlightBlock('+i+')" onMouseout="top.ICEcoder.highlightBlock('+i+',\'hide\')" onClick="top.ICEcoder.setPosition('+i+',top.ICEcoder.startPosLine,\''+ICEcoder.htmlTagArray[i]+'\')" style="cursor: pointer">'+ICEcoder.htmlTagArray[i]+'</a>';
955  
-						if(i<ICEcoder.htmlTagArray.length-1) {ICEcoder.nestDisplay.innerHTML += " &gt; "};
  954
+						if (i==0) {ICEcoder.nestDisplay.innerHTML += '<div style="display: inline-block; width: 7px; margin-top: -5px; height: 30px; background-image: url(images/nest-tag-bg.gif)"></div>'};
  955
+						ICEcoder.nestDisplay.innerHTML += '<a onMouseover="top.ICEcoder.highlightBlock('+i+')" onMouseout="top.ICEcoder.highlightBlock('+i+',\'hide\')" onClick="top.ICEcoder.setPosition('+i+',top.ICEcoder.startPosLine,\''+ICEcoder.htmlTagArray[i]+'\')" style="display: inline-block; cursor: pointer; background: #333; padding: 7px 2px 7px 7px; margin-top: -5px; height: 30px">'+ICEcoder.htmlTagArray[i]+'</a>';
  956
+						ICEcoder.nestDisplay.innerHTML += i<ICEcoder.htmlTagArray.length-1
  957
+						? '<div style="display: inline-block; width: 8px; margin-top: -5px; height: 30px; background-image: url(images/nest-tag-bg.gif); background-position: -7px 0"></div>'
  958
+						: '<div style="display: inline-block; width: 7px; margin-top: -5px; height: 30px; background-image: url(images/nest-tag-bg.gif); background-position: -15px 0"></div>';
956 959
 					}
957 960
 				}
958 961
 			}

0 notes on commit 72ff461

Please sign in to comment.
Something went wrong with that request. Please try again.