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

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@658 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Jeff Schiller 2009-09-16 18:35:09 +00:00
parent 30a133a399
commit 7cba0dd1f6
3 changed files with 24 additions and 24 deletions

BIN
editor/images/flyup.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 B

View File

@ -207,7 +207,7 @@ span.zoom_tool {
}
#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;
height: 21px;
margin: 6px 0 0 3px;
@ -232,7 +232,7 @@ span.zoom_tool {
margin: 0;
padding: 0;
left: -93px;
top: 30px;
bottom: 26px;
display: none;
}

View File

@ -57,28 +57,6 @@
<div class="tool_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></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 -->
<div id="selected_panel">
<img class="tool_sep" src="images/sep.png" alt="|"/>
@ -248,6 +226,28 @@
<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">
<table>
<tr>