From dbb66972ebd987f60e10939bfb4493f87bbc73c3 Mon Sep 17 00:00:00 2001
From: Maksymilian Jopek <maks@jopek.eu>
Date: Tue, 26 Oct 2021 16:49:09 +0200
Subject: Quick commit with sort-of working WYSiWYG and moving chit

---
 src/styles/main.css | 68 +++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 63 insertions(+), 5 deletions(-)

(limited to 'src/styles')

diff --git a/src/styles/main.css b/src/styles/main.css
index 5cbdb33..7918a59 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,3 +1,8 @@
+body {
+  background-color: black;
+  color: white;
+}
+
 #document-add {
   background-image: url('static/document-add.svg');
   border: 0;
@@ -10,11 +15,64 @@
   border: 1px solid black;
   position: absolute;
 }
+.edit {
+  position: absolute;
+  background-image: url('static/edit.svg');
+  background-color: rgba(0, 0, 0, 0);
+  border: 0;
+  cursor: pointer;
+  height: 25px;
+  width: 25px;
+}
+.resize {
+  position: absolute;
+  background-image: url('static/resize.svg');
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+  height: 25px;
+  width: 25px;
+  bottom: 0;
+  right: 0;
+}
+.delete {
+  position: absolute;
+  background-image: url('static/x.svg');
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+  height: 25px;
+  width: 25px;
+  top: 0;
+  right: 0;
+}
 
 #tinymce {
-  position: absolute;
-  top: 150;
-  left: 150;
-  width: 80vw;
-  height: 40vh;
+  display: none;
+}
+.tinymce-footer {
+  height: 40px;
+}
+#wysiwyg {
+    position: absolute;
+    top: 10%;
+    left: 17%;
+    width: 70vw;
+    height: 50vh;
+}
+#tfp {
+  height: 26px;
+  line-height: 26px;
+}
+#save {
+  background-image: url('static/save.svg');
+  border: 0;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+}
+#cancel {
+  background-image: url('static/x.svg');
+  border: 0;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
 }
-- 
cgit v1.3.1