[BUG] Visual glitches on hidpi displays (especially after switching between different displays)

dumblob commented 2 months ago

Please confirm these before moving forward

[X] I have searched for my issue and not found a work-in-progress/duplicate/resolved issue.
[X] I have tested that this issue has not been fixed in the latest (beta or stable) release.
[X] I have checked the FAQ section for solutions
[X] This issue is about a bug (if it is not, please use the correct template)

Describe your issue

I noticed some visual glitches - see one of them in this picture:

Steps to reproduce the issue

set up elevenclock to your liking and run it
connect additional external display with a different resolution than the current one(s)
set the external display as the only shown display
set some higher dpi setting for the display (I used scaling factor 350)
observe a glitch of elevenclock being repositioned to the very corner instead of a little margin)
hover over elevenclock with a mouse to see the second glitch (see the attached picture)

ElevenClock Log

🟢 Using cached lang file
🟡 Using bundled lang file (forced=True)
It took 0.004184722900390625 to load all language files
---------------------------------------------------------------------------------------------------

   ElevenClock's 4.2.2 (v4.22) log: Select all the text and hit Ctrl+C to copy it
   All modules loaded successfully and sys.stdout patched correctly, starting main script
   Translator function set language to "en"

---------------------------------------------------------------------------------------------------

 Log legend:
 🔵: Verbose
 🟢: Information
 🟡: Warning
 🟠: Handled unexpected exception
 🔴: Unhandled unexpected exception
 🟣: Handled expected exception

🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(970, 612, 200, 46)
🔵 Full screen rect:  (0, 0, 1170, 658)
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🟢 Loaded clocks in 1.541745901107788
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🔵 Restart loop: 1
🔵 Language file up-to-date
🟡 restartClocks function has not been defined yet!
🟡 restartClocks function has not been defined yet!
🟡 restartClocks function has not been defined yet!
🟡 restartClocks function has not been defined yet!
🟠 Update checking disabled
🔵 Low cpu mode is set to False. DisableNotifications is set to False
🟢 Loaded everything in 6.630336761474609
🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(970, 612, 200, 46)
🔵 Full screen rect:  (0, 0, 1170, 658)
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🔵 Restart loop: 1
🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(1507, 914, 200, 46)
🔵 Full screen rect:  (0, 0, 1707, 960)
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🔵 Restart loop: 1
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(1507, 914, 200, 46)
🔵 Full screen rect:  (0, 0, 1707, 960)
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🔵 Restart loop: 1
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(1080, 674, 200, 46)
🔵 Full screen rect:  (0, 0, 1280, 720)
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🔵 Restart loop: 1
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🟠 Update checking disabled
🔵 Restart loop: 1
🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(1080, 674, 200, 46)
🔵 Full screen rect:  (0, 0, 1280, 720)
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🔵 Initializing clock 0...
🔵 Using taskbar background color
🟢 Regular sized taskbar
🟢 Clock on the bottom
🟢 Clock on the right
🔵 Clock geometry: PySide6.QtCore.QRect(897, 571, 200, 46)
🔵 Full screen rect:  (0, 0, 1097, 617)
🔵 Restart loop: 1
🔵 Using automatic font color
🔵 Font families   : ['Segoe UI Variable Display', 'sans-serif']
🔵 Custom font     : 
🔵 Font size: 9.0
🟡 Custom loaded date time format (clock 0): %y%U.%w %H:%M\n%x
🔵 Show/hide loop started with parameters: HideonFS:True, NotHideOnTB:False, DisableNotifications:True
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
Action: ('win', 'n')
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
Action: ('win', 'n')
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
Action: ('win', 'n')
Action: ('win', 'n')
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
Action: ('win', 'n')
Action: ('win', 'n')
Action: ('win', 'n')
Action: ('win', 'n')
Action: ('win', 'n')
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
Action: ('win', 'n')
🔵 Showing tooltip
🔵 Long date string: dddd, MMMM d, yyyy
🔵 Announcement URL: https://www.marticliment.com/resources/elevenclock.announcement
🔵 Image URL: https://marticliment.com/resources/translate.png
🔵 Copying log to the clipboard...

Relevant information

No response

Screenshots and videos

No response

marticliment commented 2 months ago

Please do:

Right-click the affected clock -> Clock Tools -> Settings for this clock
On the shown window. Check "Set Clock {x} to have different style..."
Clock position and size -> Adjust minimum clock width -> Increase min speed until clock has the correct size

dumblob commented 2 months ago

Hi @marticliment, thanks for the prompt and clear tip!

I have followed your steps and it helps:

Yet, then I noticed that the culprit is not the position, but the notification badge which does not have any reserved space and thus if there is a notification, I cannot see e.g. the battery or there is some other "glitch":

So I think this bug is not about hidpi but about the fact that when the setting to show badges is turned on, then there is no reserved space in case no notifications are to be shown.

Could this "reserve space for a badge" be implemented?

As a side note when setting the position, the number seems in pixels and thus if the user switches to a different font DPI (scaling factor), then the clock do not position themself properly (e.g. every time one disconnects a laptop from an external LCD).

Hence would it be possible to make the position sliders DPI independent?

marticliment commented 2 months ago

Will try

marticliment / ElevenClock