From eee1027964efe392258e23b024e0b692bfb08a0a Mon Sep 17 00:00:00 2001
From: Jeff Schiller <codedread@gmail.com>
Date: Thu, 20 Aug 2009 14:41:32 +0000
Subject: [PATCH] First attempt at Issue 69: little arrow for flyout menus

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@418 eee81c28-f429-11dd-99c0-75d572ba1ddd
---
 editor/images/flyouth.png | Bin 0 -> 109 bytes
 editor/svg-editor.css     |   9 +++++++++
 editor/svg-editor.html    |   6 ++++--
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 editor/images/flyouth.png

diff --git a/editor/images/flyouth.png b/editor/images/flyouth.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaf1fdbb4e3a57ecfd9406df8bbd2d6446a14e84
GIT binary patch
literal 109
zcmeAS@N?(olHy`uVBq!ia0vp^tRT$61|)m))t&+=6Hgb%5RU7~2?+@om>$_X+&R|3
zV$<+LUf@4dl3|IXz(2Mlo(cy!Rxq64@Sou&z2chCj53D&rQE*)-1=Ss^)q<7`njxg
HN@xNA=%ygO

literal 0
HcmV?d00001

diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 7639f931..99505636 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -161,6 +161,15 @@ div.color_block {
 	vertical-align:12px;
 }
 
+/* TODO: figure out why there is a couple pixels between
+   the tools with a flyout arrow */
+#svg_editor .flyout_arrow_horiz {
+	float: right;
+	position: relative;
+	top: -13px;
+	left: -4px;
+}
+
 #svg_editor .tool_button, #svg_editor .tool_button_current, #svg_editor .tool_button_disabled {
 	height: 24px;
 	width: 24px;
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index 72a7906e..55d874ca 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -42,7 +42,7 @@
 	<div>
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
 		<img class="tool_button" id="tool_clear" src="images/clear.png" title="New Image [N]" alt="Clear" />
-		<img style="display:none" class="tool_button" id="tool_open" src="images/open.png" title="Open Image [O]" alt="Open"/>
+		<img style="display:none" eeclass="tool_button" id="tool_open" src="images/open.png" title="Open Image [O]" alt="Open"/>
 		<img class="tool_button" id="tool_save" src="images/save.png" title="Save Image [S]" alt="Save"/>
 		<img class="tool_button" id="tool_source" src="images/source.png" title="Edit Source [U]" alt="Source"/>
 	</div>
@@ -182,8 +182,10 @@
 	<img class="tool_button_current" id="tool_select" src="images/select.png" title="Select Tool [1]" alt="Select"/><br/>
 	<img class="tool_button" id="tool_path" src="images/path.png" title="Pencil Tool [2]" alt="Pencil"/><br/>
 	<img class="tool_button" id="tool_line" src="images/line.png" title="Line Tool [3]" alt="Line"/><br/>
-	<img class="tool_button" id="tools_rect_show" src="images/square.png" title="Square/Rect Tool [4/Shift+4]" alt="Square"/><br/>
+	<img class="tool_button" id="tools_rect_show" src="images/square.png" title="Square/Rect Tool [4/Shift+4]" alt="Square"/>
+	<img class="flyout_arrow_horiz" src="images/flyouth.png"/>
 	<img class="tool_button" id="tools_ellipse_show" src="images/circle.png" title="Ellipse/Circle Tool [5/Shift+5]" alt="Circle"/><br/>
+	<img class="flyout_arrow_horiz" src="images/flyouth.png"/>
 	<img class="tool_button" id="tool_text" src="images/text.png" title="Text Tool [6]" alt="Text"/>
 	<img class="tool_button" id="tool_poly" src="images/polygon.png" title="Poly Tool [7]" alt="Poly"/>
 </div> <!-- tools_left -->