File upload button

FossilOrigin-Name: 553ca5a9a2576b10c3c5fb98d5dd99dffe6c96b617d5fdee1885b9c5f9693b39
This commit is contained in:
nekobit 2022-07-11 06:13:56 +00:00
parent f110b7480a
commit 8d7e376fb4
3 changed files with 36 additions and 6 deletions

1
dist/svg/paperclip.svg vendored Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>

After

Width:  |  Height:  |  Size: 313 B

37
dist/treebird.css vendored
View file

@ -522,6 +522,17 @@ input[type=button], input[type=submit]
padding: 3px 15px;
}
.btn-alt
{
display: inline-block;
border: 1px solid #858ba6;
background-color: #a1a7c8;
text-align: middle;
vertical-align: middle;
border-radius: 3px;
cursor: pointer;
}
.post-btn
{
background: linear-gradient(#aa0000, #900000);
@ -1736,14 +1747,12 @@ input[type=radio].hidden:not(:checked) + .emoji-picker-emojos
list-style-type: none;
padding: 3px 7px;
margin: 1px 2px;
vertical-align: middle;
vertical-align: center;
}
.emoji-react-box .emoji
{
position: relative;
top: 1px;
font-size: 20px;
font-size: 16px;
}
.emoji-react-box.custom-emoji-container
@ -2017,7 +2026,7 @@ input[type=checkbox].hidden:not(:checked) + .list-edit-content
{
color: #ccc;
font-size: 8px;
margin: unset;
margin: unset;e
}
#instance-panel + .mini-links
@ -2025,6 +2034,24 @@ input[type=checkbox].hidden:not(:checked) + .list-edit-content
margin: 10px 8px;
}
/******************************
* File uploads *
******************************/
.file-upload-btn
{
padding: 3px 2px 2px 4px;
width: 16px;
height: 16px;
}
.file-upload-btn svg
{
stroke: #ffffff;
width: 14px;
height: 14px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
/******************************
* Scrobbles *
******************************/

View file

@ -49,7 +49,9 @@
</div>
<label>
<input type="file" name="file" class="hidden" tabindex="4" multiple>
<div class="file-upload-btn"></div>
<div class="file-upload-btn btn-alt">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>
</div>
</label>
</div>
<div class="statusfooter-right">