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

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

Browse Source
This commit is contained in:
Agriya Dev5
2021-01-20 15:27:54 +05:30
parent 12a26edc2d
commit aaf670a9e3
5 changed files with 8 additions and 10 deletions
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) { constructor (container, type) {
// set up gradients to be used for the buttons // set up gradients to be used for the buttons
const svgdocbox = new DOMParser().parseFromString( 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 <rect
fill="#000000" opacity="1" width="22" height="22"/> fill="#000000" opacity="1" width="14" height="14"/>
<defs><linearGradient id="gradbox_${PaintBox.ctr++}"/></defs> <defs><linearGradient id="gradbox_${PaintBox.ctr++}"/></defs>
</svg>`, </svg>`,
'text/xml' 'text/xml'

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

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

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

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

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

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

10
src/editor/svgedit.css
View File

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