elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-22 10:58:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

screenshare audio selector panel tweaks

Browse Source 
- extract inline styles to main.css
- The audio selector panel is now similar to the one from the video camera sharing section
This commit is contained in:
Joel Calado 2021-03-28 15:05:33 +01:00
parent 1eb2f50605
commit fa7fa50d26
2 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -428,9 +428,9 @@
<br /> <br />
</center> </center>
<p id="audioScreenShare1"> <p id="audioScreenShare1">
<i class="las la-microphone-alt"></i>
<span data-translate="audio-sources">Audio Sources</span> <span data-translate="audio-sources">Audio Sources</span>
<br /> <select id="audioSourceScreenshare" multiple alt="tip: Hold CTRL (command) to select Multiple" title="tip: Hold CTRL (command) to select Multiple" onchange="requestAudioStream();">
<select id="audioSourceScreenshare" multiple alt="tip: Hold CTRL (command) to select Multiple" title="tip: Hold CTRL (command) to select Multiple" style="height: 60px; min-width: 290px; resize: both; overflow: auto; padding: 5px;" onchange="requestAudioStream();">
<option value="screenshare" selected> <option value="screenshare" selected>
Screen Share Audio (default) Screen Share Audio (default)
</option> </option>

27
main.css
View File

@ -1066,6 +1066,33 @@ input[type=range]:focus::-ms-fill-upper {
z-index: 1; z-index: 1;
} }
#audioSourceScreenshare {
display:block;
height: 60px;
min-width: 290px;
overflow: auto;
padding: 5px;
resize: both;
}
p#audioScreenShare1 {
border: 1px solid #ccc;
display: inline-block;
background: #f3f3f3;
padding: 4px 10px 10px 10px;
text-align: left;
}
#audioScreenShare1 > i {
display: inline-block;
}
#audioScreenShare1 > span {
margin: 7px 0px;
text-align: left;
display: inline-block;
}
h2 { h2 {
color: white; color: white;
-webkit-user-select: none; -webkit-user-select: none;