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

#43 With a small window, the look of the top toolbar is broken

master
Agriya Dev5 2021-01-20 15:27:54 +05:30
parent 12a26edc2d
commit aaf670a9e3
5 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/editor/components/PaintBox.js
View File

@ -10,9 +10,9 @@ class PaintBox {
constructor (container, type) {
// set up gradients to be used for the buttons
const svgdocbox = new DOMParser().parseFromString(
`<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22">
`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14">
<rect
fill="#000000" opacity="1" width="22" height="22"/>
fill="#000000" opacity="1" width="14" height="14"/>
<defs><linearGradient id="gradbox_${PaintBox.ctr++}"/></defs>
</svg>`,
'text/xml'

1
src/editor/components/seInput.js
View File

@ -13,7 +13,6 @@ template.innerHTML = `
bottom: 1px;
right: -4px;
position: relative;
margin-left: 4px;
margin-right: 4px;
color: #fff;
}

2
src/editor/components/seList.js
View File

@ -5,7 +5,7 @@ const template = document.createElement('template');
template.innerHTML = `
<style>
elix-dropdown-list {
margin: 5px;
margin: 1px;
}
elix-dropdown-list:hover {

1
src/editor/components/sePlainBorderButton.js
View File

@ -22,7 +22,6 @@ class SePlainBorderButton extends PlainButton {
[part~="button"] {
background: #72797A;
border: 1px solid #ccc;
padding: 0.25em 0.5em;
}
</style>
`

10
src/editor/svgedit.css
View File

@ -306,7 +306,7 @@ hr {
#tools_top {
position: absolute;
left: 108px;
left: 105px;
top: 2px;
min-height: 40px;
border-bottom: none;
@ -318,15 +318,15 @@ hr {
margin-top: 5px;
}
#tools_top > div > * {
#tools_top > div > div, #tools_top > div > se-button, #tools_top > div > se-spin-input, #tools_top > div > label, #tools_top > div > se-list , #tools_top > div > se-button {
float: left;
margin-right: 2px;
margin-right: 1px;
}
#tools_top se-input {
margin-top: 6px;
height: 15px;
}
#tools_top se-spin-input {
#tools_top se-spin-input, #tools_top se-list {
margin-top: 5px;
height: 15px;
}
@ -432,7 +432,7 @@ hr {
}
div.toolset,
div.toolset > * {
div.toolset > div, div.toolset > se-button, div.toolset > se-input, div.toolset > se-spin-input, div.toolset > se-list {
float: left;
}