fix: The menus and the interface is now stay in place and is more stabile (#65)

This commit is contained in:
Yiannis Christodoulou 2025-06-11 03:50:38 +03:00
parent 3a840b93c3
commit 687d140d9b
2 changed files with 6 additions and 5 deletions

View File

@ -60,7 +60,7 @@ const EditingTools = ({
<div className="button-group play-buttons-group"> <div className="button-group play-buttons-group">
{/* Play Segments button */} {/* Play Segments button */}
<button <button
className={`button segments-button ${isPlayingSegments && isSmallScreen ? 'highlighted-stop' : ''}`} className={`button segments-button`}
onClick={onPlaySegments} onClick={onPlaySegments}
data-tooltip={isPlayingSegments ? "Stop segments playback" : "Play all segments continuously until the end"} data-tooltip={isPlayingSegments ? "Stop segments playback" : "Play all segments continuously until the end"}
style={{ fontSize: '0.875rem' }} style={{ fontSize: '0.875rem' }}
@ -149,7 +149,7 @@ const EditingTools = ({
)} )}
{/* Segments Playback message (replaces play button during segments playback) */} {/* Segments Playback message (replaces play button during segments playback) */}
{isPlayingSegments && !isSmallScreen && ( {/* {isPlayingSegments && !isSmallScreen && (
<div className="segments-playback-message"> <div className="segments-playback-message">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<circle cx="12" cy="12" r="10" /> <circle cx="12" cy="12" r="10" />
@ -158,10 +158,10 @@ const EditingTools = ({
</svg> </svg>
Preview Mode Preview Mode
</div> </div>
)} )} */}
{/* Preview mode message (replaces play button) */} {/* Preview mode message (replaces play button) */}
{isPreviewMode && ( {/* {isPreviewMode && (
<div className="preview-mode-message"> <div className="preview-mode-message">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<circle cx="12" cy="12" r="10" /> <circle cx="12" cy="12" r="10" />
@ -170,7 +170,7 @@ const EditingTools = ({
</svg> </svg>
Preview Mode Preview Mode
</div> </div>
)} )} */}
</div> </div>
{/* Right side - Editing tools */} {/* Right side - Editing tools */}

View File

@ -281,6 +281,7 @@
.short-text { .short-text {
display: inline; display: inline;
margin-left: 0.15rem;
} }
/* Hide reset text */ /* Hide reset text */