xenofem/transbeam
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Wiki Activity

fix styling on disabled buttons

Browse source
This commit is contained in:
xenofem 2022-04-27 21:47:52 -04:00
parent 7191b4df96
commit 43cffcd54c
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/index.html
View file

@ -9,8 +9,8 @@
<body> <body>
<div> <div>
<label> <label>
<span class="fake_button" id="file_input_message">Select files to upload...</span>
<input type="file" multiple id="file_input"/> <input type="file" multiple id="file_input"/>
<span class="fake_button" id="file_input_message">Select files to upload...</span>
</label> </label>
</div> </div>
<button id="upload" disabled>Upload</button> <button id="upload" disabled>Upload</button>

3
static/transbeam.css
View file

@ -17,8 +17,9 @@ button:hover, .fake_button:hover {
background-color: #aaa; background-color: #aaa;
} }
button:disabled, button:disabled:hover, .fake_button:disabled, .fake_button:disabled:hover { button:disabled, input:disabled + .fake_button {
color: #aaa; color: #aaa;
background-color: #eee; background-color: #eee;
border-color: #ddd; border-color: #ddd;
cursor: not-allowed;
} }