On file-drag, show a border around textarea

2017-01-03 00:36:48 -08:00
parent 3125dd8920
commit 4d300e2507
5 changed files with 54 additions and 6 deletions
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@ -549,13 +549,19 @@
  width: 100%;
  height: 100px;
  resize: none;
-  border: none;
  color: #282c37;
-  padding: 10px;
+  padding: 7px;
  font-family: 'Roboto';
  font-size: 14px;
  margin: 0;
  resize: vertical;
+
+  border: 3px dashed transparent;
+  transition: border-color 0.3s ease;
+
+  &.file-drop {
+    border-color: #aaa;
+  }
 }

 .autosuggest-textarea__suggestions {