restyling file pickers button

This commit is contained in:
Dmitry Tretyakov 2023-04-24 19:21:15 +07:00
parent fcb88efd6d
commit 75ab468f6e
4 changed files with 29 additions and 24 deletions

View file

@ -71,7 +71,8 @@
<span class="nobold">{_avatar}: </span>
</td>
<td>
<input type="file" name="ava" accept="image/*" />
<label class="button" style="">Обзор<input type="file" id="ava" name="ava" style="display: none;" onchange="filename.innerHTML=blob.value" /></label>
<div id="filename" style="margin-top: 10px;"></div>
</td>
</tr>
<tr>

View file

@ -37,9 +37,10 @@
<form method="POST" enctype="multipart/form-data">
<div id="backdropEditor">
<div id="backdropFilePicker">
<input type="file" accept="image/*" name="backdrop1" />
<div id="spacer"></div>
<input type="file" accept="image/*" name="backdrop2" />
<label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop1" style="display: none;"></label>
<div id="spacer" style="width: 366px;"></div>
<label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop2" style="display: none;"></label>
<div id="spacer" style="width: 366px;"></div>
</div>
</div>

View file

@ -318,7 +318,8 @@
<span class="nobold">{_picture}: </span>
</td>
<td>
<input type="file" name="blob" accept="image/*" />
<label class="button" style="">Обзор<input type="file" id="blob" name="blob" style="display: none;" onchange="filename.innerHTML=blob.value" /></label>
<div id="filename" style="margin-top: 10px;"></div>
</td>
</tr>
<tr>
@ -341,9 +342,10 @@
<form method="POST" enctype="multipart/form-data">
<div id="backdropEditor">
<div id="backdropFilePicker">
<input type="file" accept="image/*" name="backdrop1" />
<div id="spacer"></div>
<input type="file" accept="image/*" name="backdrop2" />
<label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop1" style="display: none;"></label>
<div id="spacer" style="width: 366px;"></div>
<label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop2" style="display: none;"></label>
<div id="spacer" style="width: 366px;"></div>
</div>
</div>

View file

@ -231,6 +231,7 @@ h1 {
position: absolute;
top: 140px;
padding: 0 19px;
margin: 24px;
}
#backdropFilePicker > input {