Mirrors/lossless-cut
1
0
Fork 0
mirror of https://github.com/mifi/lossless-cut.git synced 2024-11-22 02:12:30 +01:00
Code Issues Releases Activity

make segments list scrollable

Browse Source
This commit is contained in:
Mikael Finstad 2024-08-24 00:49:18 +02:00
parent 624efa7dbc
commit 7d52c864d6
No known key found for this signature in database
GPG Key ID: 25AB36E3E81CBC26
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/SegmentList.tsx
View File

@ -460,7 +460,7 @@ function SegmentList({
{header} {header}
</div> </div>
<div style={{ padding: '0 10px', overflowY: 'scroll', flexGrow: 1 }} className="hide-scrollbar"> <div style={{ padding: '0 .1em 0 .3em', overflowX: 'hidden', overflowY: 'scroll', flexGrow: 1 }} className="consistent-scrollbar">
<ReactSortable list={sortableList} setList={setSortableList} disabled={!!invertCutSegments} handle=".segment-handle"> <ReactSortable list={sortableList} setList={setSortableList} disabled={!!invertCutSegments} handle=".segment-handle">
{sortableList.map(({ id, seg }, index) => { {sortableList.map(({ id, seg }, index) => {
const selected = !invertCutSegments && isSegmentSelected({ segId: seg.segId }); const selected = !invertCutSegments && isSegmentSelected({ segId: seg.segId });

11
src/renderer/src/main.css
View File

@ -63,6 +63,17 @@ code.highlighted {
display: none; display: none;
} }
.consistent-scrollbar::-webkit-scrollbar {
width: .5em;
}
.consistent-scrollbar::-webkit-scrollbar-track-piece {
background: transparent;
}
.consistent-scrollbar::-webkit-scrollbar-thumb {
background: var(--gray11);
border-radius: .1em;
}
.swal2-losslesscut-radio { .swal2-losslesscut-radio {
font-size: 0.8em; font-size: 0.8em;
flex-direction: column; flex-direction: column;