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

enhance UI

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

BIN
editor/images/delete.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

16
editor/svg-editor.css
View File

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

41
editor/svg-editor.html
View File

@@ -62,8 +62,10 @@
<option value="32pt">32pt</option> <option value="32pt">32pt</option>
<option value="48pt">48pt</option> <option value="48pt">48pt</option>
<option value="64pt">64pt</option> <option value="64pt">64pt</option>
<option value="72pt">72pt</option>
<option value="80pt">80pt</option> <option value="80pt">80pt</option>
<option value="100pt">100pt</option> <option value="96pt">96pt</option>
<option value="120pt">120pt</option>
</select> </select>
<input id="text" class="text_tool" type="text" title="Change text contents" size="40"/> <input id="text" class="text_tool" type="text" title="Change text contents" size="40"/>
</div> </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="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"/><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="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>fill
<div id="fill_color" title="Change fill color"></div> <div id="fill_color" title="Change fill color"></div>
@@ -129,21 +151,6 @@
<option value="0.1">10 %</option> <option value="0.1">10 %</option>
</select> </select>
</div> </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>
</div> </div>