From 9b29bb3deb3943dd101d7ab7b01f42ee49951e1b Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Fri, 12 Feb 2021 14:33:42 +0200
Subject: icons for different mimetypes

---
 css/style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'css/style.css')

diff --git a/css/style.css b/css/style.css
index 8073fe6..96b48c5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -277,8 +277,12 @@ input[type=submit]:hover {
     border-color: #ddd;
 }
 
+.file > img {
+    flex: 1 0 0;
+}
+
 .file:hover > img {
-    filter: brightness(150%);
+    filter: brightness(120%);
 }
 
 .path {
-- 
cgit v1.2.3


From 34ba723e18a7ba0f785e456e38a9234d6efda9b7 Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Fri, 12 Feb 2021 15:36:38 +0200
Subject: css

---
 css/style.css | 76 ++++++++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 52 insertions(+), 24 deletions(-)

(limited to 'css/style.css')

diff --git a/css/style.css b/css/style.css
index 96b48c5..24fa86f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,7 +6,7 @@ html, body {
 body {
 	background: #f0f0f0;
 	color: black;
-	font-family: sans-serif;
+	font-family: Roboto, sans-serif;
 	overflow: hidden;
 }
 
@@ -96,12 +96,11 @@ body {
 }
 
 form {
-	background: white;
+	background: #fbfbfb;
 	margin: 4.5rem;
 	padding-top: 0;
 	box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);
 	border-radius: 0.5rem;
-	border-radius: 0.5rem;
 	border: 1px solid #b9b9b9;
 }
 
@@ -170,21 +169,20 @@ form p {
 	min-width: 300px;
 }
 
-input:not([type=file]) {
+button,
+input:not([type=file]) 
+{
 	border: 1px solid #bbb;
-	padding: 0.8rem 2rem 0.5rem 2rem;
+	padding: 0.5rem 0.8rem;
 	font-size: inherit;
 	font-family: inherit;
 	border-radius: 0.3rem;
-	background: #f6f6f6;
+	background: #fcfcfc;
 }
 
 input[type=button], button, input[type=submit] {
 	cursor: pointer;
 }
-input[type=button]:hover, button:hover, input[type=submit]:hover {
-    background: white;
-}
 
 input[type=submit] {
 	margin-top: 2rem;
@@ -198,9 +196,11 @@ input[type=submit] {
 	outline: none;
 }
 
-input:focus,
-input:hover {
-	background: white;
+
+input:hover,
+button:hover 
+{
+    background: white;
 }
 
 input:focus {
@@ -240,7 +240,6 @@ input[type=submit]:hover {
 	padding: 0;
 	box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);
 	border-radius: 0.5rem;
-	border-radius: 0.5rem;
 	border: 1px solid #b9b9b9;
 
     display: block;
@@ -250,7 +249,7 @@ input[type=submit]:hover {
     padding: 1rem;
     display: grid;
 
-    grid-gap: 20px;
+    grid-gap: 0rem;
     grid-auto-rows: 10rem;
     grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
 }
@@ -285,21 +284,50 @@ input[type=submit]:hover {
     filter: brightness(120%);
 }
 
-.path {
-    font-size: 1.5rem;
+.filesystem > h2 {
+    display: flex;
+    align-items: stretch;
+    font-weight: normal;
+    padding: 0rem;
+    border-bottom: 1px solid #bbb;
+
 }
 
-.path > a {
-    color: #333;
-    text-decoration: none;
+.filesystem > h2 button {
+    border: none;
+    padding: 0.3rem 0.7rem;
+    background: inherit;
+    border-radius: 0;
 }
 
-.path > a:hover {
-    text-decoration: underline;
+.filesystem > h2 button:not(.pathentry):hover {
+    background: white;
 }
 
-.filesystem > h2 {
+.filesystem > h2 > .separator {
+    flex: 0 0 1px;
+    align-self: stretch;
+    background: #bbb;
+}
+
+.filesystem > h2 > *:first-child {
+	border-top-left-radius: 0.5rem;
+}
+
+.path {
     display: flex;
-    align-items: baseline;
-    font-weight: normal;
+    align-items: stretch;
+    font-size: 0.8em;
+}
+
+.path > .separator {
+    user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    padding: 0 0.2rem;
+    align-self: center;
+}
+
+.pathentry:hover {
+    text-decoration: underline;
 }
-- 
cgit v1.2.3


From d682faeaeea940ab8ab6bcb59245a2116bcc80b1 Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Fri, 12 Feb 2021 16:03:14 +0200
Subject: path selector

---
 css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'css/style.css')

diff --git a/css/style.css b/css/style.css
index 24fa86f..39a545c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -295,7 +295,7 @@ input[type=submit]:hover {
 
 .filesystem > h2 button {
     border: none;
-    padding: 0.3rem 0.7rem;
+    padding: 0.3rem 1.1rem;
     background: inherit;
     border-radius: 0;
 }
-- 
cgit v1.2.3


From e9d94ce6144746fe69a3d9f26e12a8fab9d4a534 Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Fri, 12 Feb 2021 16:27:47 +0200
Subject: right click context menu on files

---
 css/style.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

(limited to 'css/style.css')

diff --git a/css/style.css b/css/style.css
index 39a545c..bbd2035 100644
--- a/css/style.css
+++ b/css/style.css
@@ -331,3 +331,31 @@ input[type=submit]:hover {
 .pathentry:hover {
     text-decoration: underline;
 }
+
+.context {
+    background: white;
+    position: absolute;
+    z-index: 1000;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    top: 0;
+    left: 0;
+
+    border: 1px solid #ccc;
+	box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.2);
+}
+
+.context > li {
+    padding: 0.4rem 1.5rem;
+    margin: 0;
+
+    user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+
+.context > li:hover {
+    background: #2e91db;
+    color: white;
+}
-- 
cgit v1.2.3