elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-11 05:38:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1047 from lindenkron/Misplaced-graphs

Browse Source 
Moved and adjusted Scene graph stylings.
This commit is contained in:
Steve Seguin 2023-04-14 15:47:22 -04:00 committed by GitHub
commit c80a649784
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
index.html
View File

@ -1478,22 +1478,23 @@
<span>S9</span>
</button>
</div>
</div>
<!-- Graph Section for Scenes -->
<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>
<span class="graphSection hidden" data-action-type="stats-graphs-details" >
<span class="hidden" data-no-scenes="true"></span>
<span data-action-type="stats-graphs-details-container" class="hidden">
<span class="hidden" data-scene-name="true">scene</span>
<span class="hidden" data-bitrate="true">bitrate (kbps)</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>
</span>
<!-- Graph Section for Scenes -->
<div class="row two advanced">
<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>
<span class="graphSection hidden" data-action-type="stats-graphs-details" >
<span class="hidden" data-no-scenes="true"></span>
<span data-action-type="stats-graphs-details-container" class="hidden">
<span class="hidden" data-scene-name="true">scene</span>
<span class="hidden" data-bitrate="true">bitrate (kbps)</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>
</span>
</div>
</div>
<!---- /////// DROPDOWN BREAK //////// -->

15
main.css
View File

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