svg.escobar.life

A simple SVG markup editor for the web

Commit: dabcd8e01e257695b0f9ac4427fd0080ea5092bd
Parent: 7631be316e2b19a2df9af6d91d933f72b0c26670
Author: Gark Garcia <37553739+GarkGarcia@users.noreply.github.com>
Date: Fri, 26 Jul 2019 10:07:20 -0300

Corrected visual bugs in css.

Diffstat

1 file changed, 8 insertions, 1 deletion

Status	File Name	N° Changes	Insertions	Deletions
Modified	styles.css	9	8	1

diff --git a/styles.css b/styles.css
@@ -66,6 +66,10 @@ svg {
     stroke-width: .025in;
 }
 
+*:focus {
+    outline: none;
+}
+
 body {
     width: 100vw;
     height: 100vh;
@@ -115,7 +119,7 @@ body > div#container > div#title {
 }
 
 body > div#container > div#title > * {
-    float: left;
+    width: fit-content;
 }
 
 body > div#container > div#title > svg {
@@ -147,6 +151,8 @@ body > div#container > div#title > a > svg {
 body > div#container > div#display > svg#error, body > div#container > div#display > img {
     grid-area: image;
 
+    max-height: 100%;
+
     justify-self: center;
     align-self: center;
 }
@@ -276,6 +282,7 @@ body > div#container > div#editor > textarea {
 
 body > div#container > div#editor > textarea::-webkit-scrollbar {
     width: 2pt;
+    height: 2pt;
 }
 
 body > div#container > div#editor > textarea::-webkit-scrollbar-track {