From 052bce21d40106371897c4a4812f15d148740854 Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sun, 18 Mar 2018 02:05:02 +0100
Subject: [PATCH] Minor UI improvements
---
assets/sass/style.sass | 6 +++++-
templates/image_detail.html | 13 ++-----------
2 files changed, 7 insertions(+), 12 deletions(-)
diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index 19be44f..615c5c5 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -179,4 +179,8 @@ form.upload
font-family: 'Lato', sans-serif
resize: vertical
&:not(input):not(textarea):empty
- display: none
\ No newline at end of file
+ display: none
+
+.fake-input[contenteditable]:empty:before
+ opacity: 0.8
+ content: attr(placeholder)
\ No newline at end of file
diff --git a/templates/image_detail.html b/templates/image_detail.html
index 9a0a756..13cca1f 100644
--- a/templates/image_detail.html
+++ b/templates/image_detail.html
@@ -3,7 +3,7 @@
<form class="detail" method="post">
<input type="hidden" name="action" value="update">
{{if .IsMine}}
- <input name="title" class="title" value="{{.Image.Title}}" placeholder="Title">
+ <h2 class="title fake-input" contenteditable="true" placeholder="Title">{{.Image.Title}}</h2>
{{else}}
<h2 class="title">{{.Image.Title}}</h2>
{{end}}
@@ -11,18 +11,9 @@
<img src="/{{.Image.Id}}">
</div>
{{if .IsMine}}
- <textarea name="description" class="description" placeholder="Description">{{.Image.Description}}</textarea>
+ <div class="description fake-input" contenteditable="true" placeholder="Description">{{.Image.Description}}</div>
{{else}}
<div class="description">{{.Image.Description}}</div>
{{end}}
-{{if .IsMine}}
- <div class="controls">
- <form method="post" class="delete-form">
- <input type="hidden" name="action" value="delete">
- <input type="submit" value="Delete">
- </form>
- <input type="submit" value="Save">
- </div>
-{{end}}
</form>
{{end}}
\ No newline at end of file
--
GitLab