elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-25 12:28:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved and adjusted Scene graph stylings.

Browse Source
This commit is contained in:
lindenkron 2023-04-14 21:43:36 +02:00
parent 2a3237a3ba
commit 8a9b62eaec
2 changed files with 23 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -1478,22 +1478,23 @@
<span>S9</span> <span>S9</span>
</button> </button>
</div> </div>
</div> <!-- Graph Section for Scenes -->
<div class="row two advanced">
<!-- Graph Section for Scenes --> <span class="graphSection hidden" data-action-type="stats-graphs-bitrate" >
<span class="graphSection hidden" data-action-type="stats-graphs-bitrate" > <span class="hidden" data-message="true" data-no-scenes="true">No scenes active</span>
<span class="hidden" data-message="true" data-no-scenes="true">No scenes active</span> </span>
</span> <span class="graphSection hidden" data-action-type="stats-graphs-details" >
<span class="graphSection hidden" data-action-type="stats-graphs-details" > <span class="hidden" data-no-scenes="true"></span>
<span class="hidden" data-no-scenes="true"></span> <span data-action-type="stats-graphs-details-container" class="hidden">
<span data-action-type="stats-graphs-details-container" class="hidden"> <span class="hidden" data-scene-name="true">scene</span>
<span class="hidden" data-scene-name="true">scene</span> <span class="hidden" data-bitrate="true">bitrate (kbps)</span>
<span class="hidden" data-bitrate="true">bitrate (kbps)</span> <span class="hidden" data-resolution="true">resolution</span>
<span class="hidden" data-resolution="true">resolution</span> <span class="hidden" style="word-break: break-all;" data-video-codec="true">video codec</span>
<span class="hidden" style="word-break: break-all;" data-video-codec="true">video codec</span> </span>
</span> </span>
</span> </div>
</div>
<!---- /////// DROPDOWN BREAK //////// --> <!---- /////// DROPDOWN BREAK //////// -->

15
main.css
View File

@ -2238,15 +2238,15 @@ label {
animation: greyout 3s; animation: greyout 3s;
opacity: 0.3!important; opacity: 0.3!important;
} }
.graphSection{ .graphSection {
max-width:50%; display: flex;
flex-direction: column;
max-width: 50%;
gap: 5px;
} }
.graphSection>span { .graphSection>span {
font-size: 10px; font-size: 10px;
display: block; display: block;
margin: 5px;
margin-top: 0px;
margin-right: 0px;
height: 50px; height: 50px;
} }
.graphSection>span:last-child{ .graphSection>span:last-child{
@ -2339,10 +2339,7 @@ span[data-action-type="stats-graphs-details-container"]>span{
background-color: black; background-color: black;
width: 100%; width: 100%;
height: 50px; height: 50px;
margin: 0 5px 5px 0; border-radius: 4px;
}
.canvasStats:last-child{
margin: 0 5px 0 0;
} }
.manualInput{ .manualInput{
width: 55px; width: 55px;