github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Moving zoom panel to the bottom to give more room at the top

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@658 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Jeff Schiller
2009-09-16 18:35:09 +00:00
parent 30a133a399
commit 7cba0dd1f6
3 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
editor/images/flyup.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 B

4
editor/svg-editor.css
View File

@@ -207,7 +207,7 @@ span.zoom_tool {
} }
#zoom_dropdown button { #zoom_dropdown button {
background: transparent 3px 8px url('images/dropdown.gif') no-repeat; background: transparent 3px 8px url('images/flyup.gif') no-repeat;
width: 15px; width: 15px;
height: 21px; height: 21px;
margin: 6px 0 0 3px; margin: 6px 0 0 3px;
@@ -232,7 +232,7 @@ span.zoom_tool {
margin: 0; margin: 0;
padding: 0; padding: 0;
left: -93px; left: -93px;
top: 30px; bottom: 26px;
display: none; display: none;
} }

44
editor/svg-editor.html
View File

@@ -57,28 +57,6 @@
<div class="tool_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div> <div class="tool_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
</div> </div>
<!-- Zoom buttons -->
<div id="zoom_panel">
<img class="tool_sep" src="images/sep.png" alt="|"/>
<span class="zoom_tool">zoom:</span>
<input id="zoom" class="zoom_tool" title="Change zoom level" alt="Zoom %" size="3" value="100" type="text"/>
<div id="zoom_dropdown">
<button></button>
<ul>
<li>100%</li>
<li data-val="content">Fit to content</li>
<li data-val="selection">Fit to selection</li>
<li data-val="canvas">Fit to canvas</li>
<li>25%</li>
<li>50%</li>
<li>100%</li>
<li>200%</li>
<li>400%</li>
<li>1000%</li>
</ul>
</div>
</div>
<!-- Buttons when a single element is selected --> <!-- Buttons when a single element is selected -->
<div id="selected_panel"> <div id="selected_panel">
<img class="tool_sep" src="images/sep.png" alt="|"/> <img class="tool_sep" src="images/sep.png" alt="|"/>
@@ -248,6 +226,28 @@
<div id="tools_bottom" class="tools_panel"> <div id="tools_bottom" class="tools_panel">
<!-- Zoom buttons -->
<div id="zoom_panel">
<span class="zoom_tool">zoom:</span>
<input id="zoom" class="zoom_tool" title="Change zoom level" alt="Zoom %" size="3" value="100" type="text"/>
<div id="zoom_dropdown">
<button></button>
<ul>
<li>100%</li>
<li data-val="content">Fit to content</li>
<li data-val="selection">Fit to selection</li>
<li data-val="canvas">Fit to canvas</li>
<li>25%</li>
<li>50%</li>
<li>100%</li>
<li>200%</li>
<li>400%</li>
<li>1000%</li>
</ul>
</div>
<img class="tool_sep" src="images/sep.png" alt="|"/>
</div>
<div id="tools_bottom_2"> <div id="tools_bottom_2">
<table> <table>
<tr> <tr>