Skip to content
Snippets Groups Projects
Commit de9b0ff4 authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Fixed a minor issue

parent c646a769
No related branches found
No related tags found
No related merge requests found
...@@ -179,6 +179,43 @@ form.upload ...@@ -179,6 +179,43 @@ form.upload
text-overflow: ellipsis text-overflow: ellipsis
overflow: hidden overflow: hidden
.detailpage
display: flex
flex-direction: row
align-items: start
align-self: center
margin: 32px
.actions
width: 250px
margin-left: 32px
background: #333333
border-radius: 4px
box-shadow: 0 2px 4px rgba(0,0,0,0.4)
display: flex
flex-direction: row
.delete-form, .update-form
display: flex
flex-grow: 1
input[type=submit]
display: block
background: #FFC107
padding: 4px 16px
border-radius: 2px
box-shadow: 0 1px 2px rgba(0,0,0,0.1)
border: none
font-family: 'Lato', sans-serif
font-size: 10pt
line-height: 24px
margin: 8px
flex-grow: 1
cursor: pointer
&:hover,&:focus
background: #FFD54F
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
.detail .detail
max-width: 640px max-width: 640px
margin: 32px auto margin: 32px auto
......
{{define "title"}}{{.Image.Title}} | i.k8r{{end}} {{define "title"}}{{.Image.Title}} | i.k8r{{end}}
{{define "content"}} {{define "content"}}
<div class="detailpage">
<div class="detail"> <div class="detail">
{{if .IsMine}} {{if .IsMine}}
<h2 class="title fake-input" contenteditable="true" placeholder="Title">{{.Image.Title}}</h2> <h2 class="title fake-input" contenteditable="true" placeholder="Title">{{.Image.Title}}</h2>
...@@ -10,7 +11,8 @@ ...@@ -10,7 +11,8 @@
<img src="/{{.Image.Id}}"> <img src="/{{.Image.Id}}">
</div> </div>
{{if .IsMine}} {{if .IsMine}}
<p class="description fake-input" contenteditable="true" placeholder="Description" data-multiline>{{.Image.Description}}</p> <p class="description fake-input" contenteditable="true" placeholder="Description"
data-multiline>{{.Image.Description}}</p>
<div class="actions"> <div class="actions">
<form class="delete-form" method="post"> <form class="delete-form" method="post">
<input type="hidden" name="action" value="delete"> <input type="hidden" name="action" value="delete">
...@@ -25,10 +27,15 @@ ...@@ -25,10 +27,15 @@
<input type="submit" value="Save"> <input type="submit" value="Save">
</form> </form>
</div> </div>
<div class="url">
<input type="text" value="https://i.k8r.eu/{{.Image.Id}}">
</div>
{{else}} {{else}}
<div class="description">{{.Image.Description}}</div> <div class="description">{{.Image.Description}}</div>
{{end}} {{end}}
</div> </div>
</div>
{{if .IsMine}} {{if .IsMine}}
<script> <script>
const fakeTitle = document.querySelector(".title.fake-input[contenteditable]"); const fakeTitle = document.querySelector(".title.fake-input[contenteditable]");
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment