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

Mock-up of side panels concept (for layers)

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

15
editor/svg-editor.css
View File

@@ -57,16 +57,29 @@ body {
} }
#svg_editor div#workarea { #svg_editor div#workarea {
display: inline-block;
position:absolute; position:absolute;
top: 75px; top: 75px;
left: 40px; left: 40px;
right: 2px;
bottom: 60px; bottom: 60px;
right: 155px;
background-color: #A0A0A0; background-color: #A0A0A0;
border: 1px solid #808080; border: 1px solid #808080;
overflow: auto; overflow: auto;
} }
#svg_editor #sidepanels {
display: inline-block;
background-color: #E8E8E8;
position:absolute;
top: 75px;
bottom: 60px;
right: 0px;
width: 150px;
border-color: blue;
border-style: solid;
}
#svg_editor div.palette_item { #svg_editor div.palette_item {
height: 16px; height: 16px;
width: 16px; width: 16px;

4
editor/svg-editor.html
View File

@@ -33,6 +33,10 @@
<div id="svgcanvas"></div> <div id="svgcanvas"></div>
</div> </div>
<div id="sidepanels">
TODO: Side Panels go here
</div>
<div id="logo"> <div id="logo">
<a href="http://svg-edit.googlecode.com/" target="_blank" title="SVG-edit Home Page"> <a href="http://svg-edit.googlecode.com/" target="_blank" title="SVG-edit Home Page">
<img src="images/logo.png" alt="logo" /> <img src="images/logo.png" alt="logo" />