File upload CSS

FossilOrigin-Name: aa8a17ed2567d0c9db37d8a0f0ec426bfb5a182d83465d0dadc5867202858b4e
This commit is contained in:
nekobit 2022-07-12 03:01:22 +00:00
parent 8d7e376fb4
commit f4fcb0dfa7
2 changed files with 20 additions and 9 deletions

17
dist/treebird.css vendored
View file

@ -522,7 +522,7 @@ input[type=button], input[type=submit]
padding: 3px 15px;
}
.btn-alt
.btn-icon
{
display: inline-block;
border: 1px solid #858ba6;
@ -533,6 +533,16 @@ input[type=button], input[type=submit]
cursor: pointer;
}
.btn-icon:hover
{
background-color: #9096b3;
}
.btn-icon:active
{
background-color: #747890;
}
.post-btn
{
background: linear-gradient(#aa0000, #900000);
@ -2039,8 +2049,9 @@ input[type=checkbox].hidden:not(:checked) + .list-edit-content
******************************/
.file-upload-btn
{
padding: 3px 2px 2px 4px;
width: 16px;
margin-top: -1px;
padding: 4px 2px 4px 6px;
width: 18px;
height: 16px;
}

View file

@ -4,6 +4,12 @@
<textarea name="content" placeholder="Just landed in N.Y." rows="5" tabindex="1">{{%s:content}}</textarea>
<div class="statusfooter">
<div class="statusfooter-left">
<label>
<input type="file" name="file" class="hidden" tabindex="4" multiple>
<div class="file-upload-btn btn-icon">
<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>
<select tabindex="3" name="contenttype" class="content-type">
<option value="plaintext">Plain Text</option>
<option value="markdown">Markdown</option>
@ -47,12 +53,6 @@
</div>
</label>
</div>
<label>
<input type="file" name="file" class="hidden" tabindex="4" multiple>
<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">
<input type="submit" value="Post" tabindex="2" class="btn post-btn">