Added advanced dropdown button for zoom, only %s work for now

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@650 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Alexis Deveria
2009-09-15 18:13:00 +00:00
parent 2b57e93971
commit 68033690bd
4 changed files with 113 additions and 4 deletions

View File

@@ -185,8 +185,6 @@ div.color_block {
vertical-align:12px;
}
/* TODO: figure out why there is a couple pixels between
the tools with a flyout arrow */
#svg_editor .flyout_arrow_horiz {
float: right;
position: relative;
@@ -195,6 +193,63 @@ div.color_block {
margin-bottom: -13px;
}
#zoom_panel {
width: 133px;
}
#zoom {
width: 3em;
}
#svg_editor #tools_top #zoom_dropdown {
position: relative;
float: right;
left: -5px;
}
#zoom_dropdown button {
background: transparent 3px 8px url('images/dropdown.gif') no-repeat;
width: 15px;
height: 21px;
margin: 6px 0 0 3px;
padding: 0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
}
#zoom_dropdown button.down {
border-left: 1px solid #808080;
border-top: 1px solid #808080;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background-color: #B0B0B0;
}
#zoom_dropdown ul {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
left: -93px;
top: 30px;
display: none;
}
#zoom_dropdown li {
display: block;
width: 100px;
padding: 4px;
background: #E8E8E8;
border: 1px solid #B0B0B0;
margin: 0 0 -1px 0;
}
#zoom_dropdown li:hover {
background-color: #B0B0B0;
}
#svg_editor .tool_button, #svg_editor .tool_button_current, #svg_editor .tool_button_disabled {
height: 24px;
width: 24px;