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

Moved opacity tool to bottom to allow multi-element opacity changes, changed styling of bottom tools

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1449 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Alexis Deveria
2010-03-08 15:58:47 +00:00
parent f8be6ee1a5
commit cdcb2e76cb
3 changed files with 140 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
editor/svg-editor.css
View File

@@ -53,13 +53,14 @@
border: 1px solid #808080;
border-top: none;
margin-top: 2px;
margin-left: 4px;
}
#svg_editor #stroke_bg,
#svg_editor #fill_bg {
height: 16px;
width: 16px;
margin: 2px;
margin: 1px;
}
#svg_editor #fill_color, #svg_editor #stroke_color {
@@ -67,10 +68,14 @@
width: 16px;
border: 1px solid #808080;
cursor: pointer;
margin-top: -19px;
margin-top: -18px;
margin-left: 1px;
}
#tool_stroke select {
margin-top: 0;
}
#svg_editor div#palette {
float: left;
width: 6848px;
@@ -82,7 +87,7 @@
position:absolute;
top: 75px;
left: 40px;
bottom: 60px;
bottom: 62px;
right: 14px;
background-color: #A0A0A0;
border: 1px solid #808080;
@@ -544,9 +549,6 @@ span.zoom_tool {
margin-right: 0;
}
#opacity_dropdown li {
width: 140px;
}
#svg_editor .tool_button,
#svg_editor .push_button,
@@ -660,9 +662,10 @@ span.zoom_tool {
#svg_editor #tools_bottom {
position: absolute;
left: 40px;
right: 2px;
bottom: 2px;
height: 60px;
right: 0;
bottom: 0;
height: 64px;
overflow: visible;
}
#svg_editor #tools_bottom_1 {
@@ -671,15 +674,75 @@ span.zoom_tool {
}
#svg_editor #tools_bottom_2 {
width: 250px;
width: 204px;
position: relative;
float: left;
}
#svg_editor #color_tools {
display: table;
margin-top: 0px;
border-spacing: 0 4px;
clip: rect(0,0,10px,0);
}
.color_tool {
display: table-row;
overflow: hidden;
height: 26px;
padding: 0 4px;
}
.color_tool > * {
display: table-cell;
background: #f0f0f0;
padding: 0 5px;
vertical-align: middle;
height: 26px;
}
.color_tool > *:first-child {
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}
.color_tool > *:last-child {
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
#svg_editor #tool_opacity {
position: absolute;
top: 4px;
right: 2px;
background: #f0f0f0;
height: 26px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0 3px;
}
#tool_opacity .dropdown button {
margin-top: 2px;
}
#opacity_dropdown li {
width: 140px;
}
#svg_editor #tools_bottom_3 {
}
#svg_editor #copyright {
text-align: right;
padding-right: .3em;
}
#svg_source_editor {