Fixed User Text Position

[Thunder-Blaze]

📝 Description

• The Custom Text doesn't goes over Clock no matter what.
• Custom Text is limited to 3 lines, after that it becomes scrollable

📸 Screenshots / 📹 Videos

1400+

1200+

700+

🔗 Related Issues

• Closes Click Here to edit bar problem. #437

✅ Checklist

• I have read and followed the Contributing Guidelines.
• I have tested my changes by installing them as an extension (not just running via localhost) to ensure it builds, installs, and works as expected.
• I have tested these changes in at least Chrome and Firefox (other browsers if applicable).
• Attached visual evidence of changes (screenshots or videos) if applicable.

[Thunder-Blaze]

I'll add support for 500px and 500-700 after Responsive one gets merged

[prem-k-r]

Can you please check for digital clock too..
If possible can we move text and date div slightly up, for digital clock.. 1200+.. there was good gap between them

[Thunder-Blaze]

Done for the Digital Clock 👍🏻

[prem-k-r]

Thanks :)

[prem-k-r]

Perfect!

[prem-k-r]

Whole screen is moving upward a bit when the third line appears
and space between left and right div increases a bit if length crosses a fixed width

[Thunder-Blaze]

I'll fix it tomorrow, maybe have to reduce the max height a bit

[Thunder-Blaze]

Whole screen is moving upward a bit when the third line appears and space between left and right div increases a bit if length crosses a fixed width

can you tell me at which width and height it is happening ?
I reduced the height a little, but idk if it fixes it or not as it was working fine for me previously too

[prem-k-r]

max-width: 300px or 18.75rem ; (width of clock)

[prem-k-r]

height:

Untitled.video.-.Made.with.Clipchamp.2.mp4

in both clock

[itz-rj-here]

@Thunder-Blaze the height shouldn’t be increased or decreased when using to write something on custom text.

[prem-k-r]

changed a bit, please check if this ok

[Thunder-Blaze]

Oh yeah, it's fine
I forgot about setting width to 18.75 😅