diff --git a/editor.css b/editor.css index c70c173..4fc7a6a 100644 --- a/editor.css +++ b/editor.css @@ -690,6 +690,43 @@ label { stroke: rgba(135, 135, 135, 0.6); } +#tools { + position: fixed; + left: 15px; + top: 50%; + transform: translateY(-50%); + box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.315); + border-radius: 15px; + /* padding-top: 5px; + padding-bottom: 5px; */ + transition: all 300ms ease; +} + +#tools div { + padding: 5px; +} + +#tools div svg { + width: 25px; + height: 25px; + transition: all 300ms ease; +} + +#tools.menu-darkmode div svg { + stroke: white; + fill: white; +} + +#tools.menu-lightmode div svg { + stroke: black; + fill: black; +} + +#tools div:hover svg { + stroke: rgb(75, 151, 151); + fill: rgb(75, 151, 151); +} + #footer { font-family: 'Inter'; font-size: .75em; @@ -702,6 +739,7 @@ label { padding: 5px 10px; z-index: 11; float: left; + transition: all 300ms ease; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -webkit-user-select: none; diff --git a/editor.html b/editor.html index 2c2a32c..937c2db 100644 --- a/editor.html +++ b/editor.html @@ -516,7 +516,173 @@ SPDX-License-Identifier: AGPL-3.0-or-later
-