From 83ee29c37e25b005e9aab07b02de8b17dc31ec4b Mon Sep 17 00:00:00 2001
From: JFH <20402845+jfhenon@users.noreply.github.com>
Date: Sat, 2 Jan 2021 21:52:27 +0100
Subject: [PATCH] improve bottom bar
---
src/editor/components/seList.js | 6 ++----
src/editor/index.html | 14 ++++++-------
src/editor/svgedit.css | 37 ++++++++++-----------------------
3 files changed, 20 insertions(+), 37 deletions(-)
diff --git a/src/editor/components/seList.js b/src/editor/components/seList.js
index 78e2521a..bd96d008 100644
--- a/src/editor/components/seList.js
+++ b/src/editor/components/seList.js
@@ -8,13 +8,11 @@ template.innerHTML = `
grid-template-columns: 20px 1fr auto;
}
::slotted(*) {
- padding: 4px;
background: #E8E8E8;
border: 1px solid #B0B0B0;
- width: 100%;
}
-[part~="popup"] {
- width: 150%;
+::part(popup-toggle) {
+ display: none;
}
diff --git a/src/editor/index.html b/src/editor/index.html
index 7fdf03cb..3c56b51d 100644
--- a/src/editor/index.html
+++ b/src/editor/index.html
@@ -340,7 +340,7 @@
-
+
—
...
@@ -349,14 +349,14 @@
- ..
-
-
-
+ 
+ 
+ 
-
-
-
+ 
+ 
+ 
0%
diff --git a/src/editor/svgedit.css b/src/editor/svgedit.css
index ce37d056..d3922293 100644
--- a/src/editor/svgedit.css
+++ b/src/editor/svgedit.css
@@ -486,7 +486,7 @@ div.toolset label span {
margin-left: 5px;
}
-#tools_top se-input, se-spin-input {
+#tools_top se-input, #tools_top se-spin-input {
margin-top: 5px;
height: 15px;
}
@@ -638,6 +638,16 @@ input[type=text] {
float: left;
}
+#tools_bottom se-spin-input {
+ float: left;
+ vertical-align: middle;
+}
+
+.bottom-icon {
+ width: 22px;
+}
+
+
#palette {
float: right;
}
@@ -679,31 +689,6 @@ input[type=text] {
overflow: visible;
}
-@media screen and (max-width:1250px) {
- #tools_top {
- height: 71px;
- }
- #workarea, #sidepanels {
- top: 70px;
- }
- #rulers #ruler_corner,
- #rulers #ruler_x, #tools_left {
- top: 71px;
- }
-
- #rulers #ruler_y {
- top: 86px;
- }
-
- #cur_context_panel {
- top: 87px;
- }
-
- #selected_panel {
- clear: right;
- }
-}
-
/*–––––––––––––––––––––––––––––––––––––*/
#option_lists ul {