Use button for file input / paperclip
// FREEBIE
This commit is contained in:
parent
4bd266521a
commit
28c602ab85
3 changed files with 3 additions and 26 deletions
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue