CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-08 16:38:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refine tooltip and chapter input styles in timeline

Browse Source 
Adjusted the tooltip position transition endpoint for better placement. Updated the chapter input to use a textarea selector, set fixed height constraints, and improved focus and placeholder styles for consistency. CSS and static assets updated to reflect these changes.
This commit is contained in:
Yiannis Christodoulou 2025-10-12 21:34:48 +03:00
parent 6b349e5813
commit 0fccefeec6
5 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend-tools/chapters-editor/client/src/components/TimelineControls.tsx
View File

@ -57,7 +57,7 @@ interface TimelineControlsProps {
const constrainTooltipPosition = (positionPercent: number) => { const constrainTooltipPosition = (positionPercent: number) => {
// Smooth transition zones instead of hard breakpoints // Smooth transition zones instead of hard breakpoints
const leftTransitionStart = 0; const leftTransitionStart = 0;
const leftTransitionEnd = 25; const leftTransitionEnd = 15;
const rightTransitionStart = 75; const rightTransitionStart = 75;
const rightTransitionEnd = 100; const rightTransitionEnd = 100;

10
frontend-tools/chapters-editor/client/src/styles/TimelineControls.css
View File

@ -1023,7 +1023,7 @@
pointer-events: auto; /* Ensure it can receive clicks */ pointer-events: auto; /* Ensure it can receive clicks */
} }
.tooltip-chapter-input { textarea.tooltip-chapter-input {
width: 100%; width: 100%;
padding: 0.5rem; padding: 0.5rem;
border: 2px solid #ccc; border: 2px solid #ccc;
@ -1034,14 +1034,16 @@
resize: none; resize: none;
outline: none; outline: none;
box-sizing: border-box; box-sizing: border-box;
max-height: 70px !important; height: 55px !important;
max-height: 55px !important;
min-height: 55px !important;
} }
.tooltip-chapter-input:focus { textarea.tooltip-chapter-input:focus {
border-color: #3b82f6; border-color: #3b82f6;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3); box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
} }
.tooltip-chapter-input::placeholder { textarea.tooltip-chapter-input::placeholder {
color: #999; color: #999;
} }

2
static/chapters_editor/chapters-editor.css
View File

File diff suppressed because one or more lines are too long

2
static/chapters_editor/chapters-editor.js
View File

File diff suppressed because one or more lines are too long

2
static/chapters_editor/chapters-editor.js.map
View File

File diff suppressed because one or more lines are too long