thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Use button for file input / paperclip

Browse source 
// 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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
background.html
View file

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

15
stylesheets/_conversation.scss
View file

@ -467,23 +467,10 @@
padding-bottom: 1px; padding-bottom: 1px;
} }
button, input, textarea { input, textarea {
color: $grey_d; 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 { .attachment-previews {
padding: 0 36px; padding: 0 36px;
.attachment-preview { .attachment-preview {

12
stylesheets/manifest.css
View file

@ -1013,18 +1013,8 @@ input.search {
.bottom-bar form.send { .bottom-bar form.send {
background: #ffffff; background: #ffffff;
padding-bottom: 1px; } padding-bottom: 1px; }
.bottom-bar button, .bottom-bar input, .bottom-bar textarea { .bottom-bar input, .bottom-bar textarea {
color: #454545; } 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 { .bottom-bar .attachment-previews {
padding: 0 36px; } padding: 0 36px; }
.bottom-bar .attachment-previews .attachment-preview { .bottom-bar .attachment-previews .attachment-preview {