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

fix top toolbar css

master
JFH 2021-08-12 09:30:52 +02:00
parent b5ee544b09
commit 30d5f7d3d3
3 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/editor/components/seSpinInput.js
View File

@ -13,13 +13,12 @@ template.innerHTML = `
right: -4px; right: -4px;
} }
span { span {
bottom: -3px; bottom: -0.5em;
right: -4px; right: -4px;
position: relative; position: relative;
margin-left: 4px; margin-left: -4px;
margin-right: 4px; margin-right: 1px;
color: #fff; color: #fff;
vertical-align: ;
} }
elix-number-spin-box { elix-number-spin-box {
background-color: var(--input-color); background-color: var(--input-color);

15
src/editor/panels/TopPanel.js
View File

@ -797,12 +797,11 @@ class TopPanel {
</div> </div>
<div class="toolset"> <div class="toolset">
<se-input id="elem_class" data-attr="class" size="10" label="class" title="${i18next.t('properties.class')}"></se-input> <se-input id="elem_class" data-attr="class" size="10" label="class" title="${i18next.t('properties.class')}"></se-input>
</div> <se-spin-input size="3" id="angle" min=-180 max=180 step=5 src="${imgPath}/angle.svg"
<se-spin-input size="3" id="angle" min=-180 max=180 step=5 src="${imgPath}/angle.svg"
title="${i18next.t('properties.angle')}"></se-spin-input> title="${i18next.t('properties.angle')}"></se-spin-input>
<se-spin-input size="2" id="blur" min=0 max=100 step=5 src="${imgPath}/blur.svg" <se-spin-input size="2" id="blur" min=0 max=100 step=5 src="${imgPath}/blur.svg"
title="${i18next.t('properties.blur')}"></se-spin-input> title="${i18next.t('properties.blur')}"></se-spin-input>
<se-list id="tool_position" title="${i18next.t('tools.align_to_page')}" label="" width="22px" height="24px"> <se-list id="tool_position" title="${i18next.t('tools.align_to_page')}" label="" width="22px" height="22px">
<se-list-item id="tool_posleft" value="l"> <se-list-item id="tool_posleft" value="l">
<img title="${i18next.t('tools.align_left')}" src="${imgPath}/align_left.svg" height="22px"> <img title="${i18next.t('tools.align_left')}" src="${imgPath}/align_left.svg" height="22px">
</se-list-item> </se-list-item>
@ -822,7 +821,9 @@ class TopPanel {
<img title="${i18next.t('tools.align_bottom')}" src="${imgPath}/align_bottom.svg" height="22px"> <img title="${i18next.t('tools.align_bottom')}" src="${imgPath}/align_bottom.svg" height="22px">
</se-list-item> </se-list-item>
</se-list> </se-list>
<div id="xy_panel" class="toolset">
</div>
<div id="xy_panel" class="toolset">
<se-spin-input id="selected_x" data-attr="x" size="4" type="text" label="x" title="${i18next.t('properties.pos_x')}"> <se-spin-input id="selected_x" data-attr="x" size="4" type="text" label="x" title="${i18next.t('properties.pos_x')}">
</se-spin-input> </se-spin-input>
<se-spin-input id="selected_y" data-attr="y" size="4" type="text" label="y" title="${i18next.t('properties.pos_y')}"> <se-spin-input id="selected_y" data-attr="y" size="4" type="text" label="y" title="${i18next.t('properties.pos_y')}">
@ -947,11 +948,7 @@ class TopPanel {
<!-- formerly gsvg_panel --> <!-- formerly gsvg_panel -->
<div id="container_panel"> <div id="container_panel">
<div class="tool_sep"></div> <div class="tool_sep"></div>
<!-- Add viewBox field here? --> <se-input id="g_title" data-attr="title" label="${i18next.t('ui.label')}"></se-input>
<label id="group_title" title="${i18next.t('ui.group_identify_label')}">
<span>label</span>
<input id="g_title" data-attr="title" size="10" type="text" />
</label>
</div> <!-- container_panel --> </div> <!-- container_panel -->
<div id="use_panel"> <div id="use_panel">
<se-button id="tool_unlink_use" title="${i18next.t('tools.tool_unlink_use')}" <se-button id="tool_unlink_use" title="${i18next.t('tools.tool_unlink_use')}"

3
src/editor/svgedit.css
View File

@ -507,7 +507,8 @@ input[type=text] {
.tool_sep { .tool_sep {
border-left: 1px outset #EEE; border-left: 1px outset #EEE;
margin: 6px 2px; margin: 5px 1px;
height: 30px;
} }
.width_label { .width_label {