enhance UI

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@90 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Pavol Rusnak
2009-06-10 08:59:08 +00:00
parent 540115ed3b
commit 9d68f75f3a
3 changed files with 36 additions and 21 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -69,22 +69,30 @@
background: #E8E8E8;
border: 1px solid #808080;
padding: 4px;
float:left;
clear:both;
float: left;
clear: both;
}
#context_tools {
width: 800px;
width: 705px;
height: 34px;
border-bottom: none;
}
#tools {
border-right: none;
height: 504px;
width: 64px;
}
#tool_delete {
display: none;
}
#text_panel {
#text_panel {
display: none;
}
#text_panel .text_tool {
vertical-align:12px;
}

View File

@@ -62,8 +62,10 @@
<option value="32pt">32pt</option>
<option value="48pt">48pt</option>
<option value="64pt">64pt</option>
<option value="72pt">72pt</option>
<option value="80pt">80pt</option>
<option value="100pt">100pt</option>
<option value="96pt">96pt</option>
<option value="120pt">120pt</option>
</select>
<input id="text" class="text_tool" type="text" title="Change text contents" size="40"/>
</div>
@@ -76,7 +78,27 @@
<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_ellipse_show" src="images/circle.png" title="Circle/Ellipse Tool [5/Shift+5]" alt="Circle"/><br/>
<img class="tool_button" id="tool_text" src="images/text.png" title="Text Tool [6]" alt="Text"/><hr/>
<img class="tool_button" id="tool_text" src="images/text.png" title="Text Tool [6]" alt="Text"/>
<hr/>
<div>opacity<br/>
<select id="group_opacity" title="Change group opacity">
<option selected="selected" value="1">100 %</option>
<option value="0.9">90 %</option>
<option value="0.8">80 %</option>
<option value="0.7">70 %</option>
<option value="0.6">60 %</option>
<option value="0.5">50 %</option>
<option value="0.4">40 %</option>
<option value="0.3">30 %</option>
<option value="0.2">20 %</option>
<option value="0.1">10 %</option>
</select>
</div>
<hr/>
<div>fill
<div id="fill_color" title="Change fill color"></div>
@@ -129,21 +151,6 @@
<option value="0.1">10 %</option>
</select>
</div>
<hr/>
<div>opacity<br/>
<select id="group_opacity" title="Change group opacity">
<option selected="selected" value="1">100 %</option>
<option value="0.9">90 %</option>
<option value="0.8">80 %</option>
<option value="0.7">70 %</option>
<option value="0.6">60 %</option>
<option value="0.5">50 %</option>
<option value="0.4">40 %</option>
<option value="0.3">30 %</option>
<option value="0.2">20 %</option>
<option value="0.1">10 %</option>
</select>
</div>
</div>
</div>