summaryrefslogtreecommitdiff
path: root/animism-align/frontend/common
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/common')
-rw-r--r--animism-align/frontend/common/form.component.js1
-rw-r--r--animism-align/frontend/common/form.css10
-rw-r--r--animism-align/frontend/common/menubutton.component.js5
3 files changed, 11 insertions, 5 deletions
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',