From d579a10ba169d6e95e8ea8a9d7f2821fe89bca1f Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 17 Jul 2020 18:03:08 +0200
Subject: media form tweaks. copy a media item to avoid typing in properties.

---
 animism-align/frontend/common/form.component.js       |  1 +
 animism-align/frontend/common/form.css                | 10 +++++-----
 animism-align/frontend/common/menubutton.component.js |  5 +++++
 3 files changed, 11 insertions(+), 5 deletions(-)

(limited to 'animism-align/frontend/common')

diff --git a/animism-align/frontend/common/form.component.js b/animism-align/frontend/common/form.component.js
index 9a94136..c38a299 100644
--- a/animism-align/frontend/common/form.component.js
+++ b/animism-align/frontend/common/form.component.js
@@ -66,6 +66,7 @@ export const TextArea = props => (
     <textarea
       onChange={props.onChange}
       name={props.name}
+      placeholder={props.placeholder}
       value={props.data[props.name]}
     />
   </label>
diff --git a/animism-align/frontend/common/form.css b/animism-align/frontend/common/form.css
index ca7c27b..bbee27e 100644
--- a/animism-align/frontend/common/form.css
+++ b/animism-align/frontend/common/form.css
@@ -113,19 +113,19 @@ input[type=checkbox] {
 input[type=checkbox] + span {
   font-size: 0.825rem;
   text-transform: uppercase;
-  color: #444;
+  color: #ddd;
 }
 input[type=checkbox]:hover + span {
-  color: #000;
+  color: #fff;
 }
 input[type=checkbox]:focus + span {
-  color: #84f;
+  color: #fff;
 }
 input[type="checkbox"]:checked + span {
-  color: #000;
+  color: #fff;
 }
 input[type="checkbox"]:focus:checked + span {
-  color: #84f;
+  color: #fff;
 }
 
 input[type="checkbox"]:after {
diff --git a/animism-align/frontend/common/menubutton.component.js b/animism-align/frontend/common/menubutton.component.js
index d4c2e31..a4eea39 100644
--- a/animism-align/frontend/common/menubutton.component.js
+++ b/animism-align/frontend/common/menubutton.component.js
@@ -84,6 +84,11 @@ const icons = {
     image: '/static/img/fastfood.svg',
     svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.06 22.99h1.66c.84 0 1.53-.64 1.63-1.46L23 5.05h-5V1h-1.97v4.05h-4.97l.3 2.34c1.71.47 3.31 1.32 4.27 2.26 1.44 1.42 2.43 2.89 2.43 5.29v8.05zM1 21.99V21h15.03v.99c0 .55-.45 1-1.01 1H2.01c-.56 0-1.01-.45-1.01-1zm15.03-7c0-8-15.03-8-15.03 0h15.03zM1.02 17h15v2h-15z"/><path fill="none" d="M0 0h24v24H0z"/></svg>
   },
+  copy: {
+    title: 'Copy',
+    image: '/static/img/copy.svg',
+    svg: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>,
+  },
   // export: {
   //   title: 'Export',
   //   image: '/static/img/export.svg',
-- 
cgit v1.2.3-70-g09d2