Use button for file input / paperclip

// FREEBIE
This commit is contained in:
lilia 2016-04-07 12:26:16 -07:00
parent 4bd266521a
commit 28c602ab85
3 changed files with 3 additions and 26 deletions

View File

@ -97,7 +97,7 @@
<form class='send clearfix'>
<div class='attachment-previews'></div>
<div class='choose-file'>
<div class='paperclip thumbnail'></div>
<button class='paperclip thumbnail'></button>
<input type='file' class='file-input'>
</div>
<textarea class='send-message' placeholder='{{ send-message }}' rows='1'></textarea>

View File

@ -467,23 +467,10 @@
padding-bottom: 1px;
}
button, input, textarea {
input, textarea {
color: $grey_d;
}
button {
position: absolute;
top: 0;
height: 100%;
width: $button-width;
padding: 0;
border: 0;
outline: 0;
font-size: 24px;
background: transparent;
}
.attachment-previews {
padding: 0 36px;
.attachment-preview {

View File

@ -1013,18 +1013,8 @@ input.search {
.bottom-bar form.send {
background: #ffffff;
padding-bottom: 1px; }
.bottom-bar button, .bottom-bar input, .bottom-bar textarea {
.bottom-bar input, .bottom-bar textarea {
color: #454545; }
.bottom-bar button {
position: absolute;
top: 0;
height: 100%;
width: 36px;
padding: 0;
border: 0;
outline: 0;
font-size: 24px;
background: transparent; }
.bottom-bar .attachment-previews {
padding: 0 36px; }
.bottom-bar .attachment-previews .attachment-preview {