-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-

Layers

diff --git a/src/editor/svgedit.css b/src/editor/svgedit.css index bfd06187..2966752a 100644 --- a/src/editor/svgedit.css +++ b/src/editor/svgedit.css @@ -43,96 +43,11 @@ hr { border-bottom: 1px solid var(--border-color); } -#svgroot { - -moz-user-select: none; - -webkit-user-select: none; - position: absolute; - top: 0; - left: 0; -} - -#svgcanvas { - line-height: normal; - display: inline-block; - background: var(--canvas-bg-color); - text-align: center; - vertical-align: middle; - width: 640px; - height: 480px; - -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */ - position: relative; -} - -/* Rulers -——————————————————————————————————————*/ - -#rulers > div { - position: absolute; - background: var(--ruler-color); - z-index: 1; - overflow: hidden; -} - -#ruler_corner { - top: 41px; - left: 41px; - width: 15px; - height: 15px; -} - -#ruler_x { - height: 15px; - top: 41px; - left: 56px; - right: 30px; - border-bottom: 1px solid; - border-left: 1px solid #777; -} - -#ruler_y { - width: 15px; - top: 55px; - left: 41px; - bottom: 56px; - border-right: 1px solid; - border-top: 1px solid #777; -} - -#ruler_x canvas:first-child { - margin-left: -16px; -} - -#ruler_x canvas { - float: left; -} - -#ruler_y canvas { - margin-top: -16px; -} - -#ruler_x > div, -#ruler_y > div { - overflow: hidden; -} - #linkLabel > svg { height: 20px; padding-top: 4px; } -#workarea { - display: inline-table-cell; - position:absolute; - top: 40px; - left: 40px; - bottom: 40px; - right: 14px; - background-color: #A0A0A0; - border: 1px solid var(--border-color); - overflow: auto; - text-align: center; -} - #sidepanels { display: inline-block; position:absolute; @@ -810,13 +725,9 @@ ul li.current { #workarea, #sidepanels { top: 70px; } - #rulers #ruler_corner, - #rulers #ruler_x, #tools_left { - top: 71px; - } - #rulers #ruler_y { - top: 86px; + #tools_left { + top: 71px; } #cur_context_panel { diff --git a/src/editor/templates/editorTemplate.js b/src/editor/templates/editorTemplate.js new file mode 100644 index 00000000..5b83bbbe --- /dev/null +++ b/src/editor/templates/editorTemplate.js @@ -0,0 +1,46 @@ +const editorTemplate = document.createElement('template'); + +editorTemplate.innerHTML = ` + +
+
+
+
+
+`; + +export default editorTemplate; diff --git a/src/editor/templates/rulersTemplate.js b/src/editor/templates/rulersTemplate.js new file mode 100644 index 00000000..9abfd772 --- /dev/null +++ b/src/editor/templates/rulersTemplate.js @@ -0,0 +1,85 @@ +const rulersTemplate = document.createElement('template'); + +rulersTemplate.innerHTML = ` + +
+
+
+
+ +
+
+
+
+ +
+
+
+`; + +export default rulersTemplate;