fix(dock): improve icon visibility and fix separator height

[darksns]

• Force monochrome white palette on plugin SVG icons that ship with hardcoded fill attributes, so they match the dashicons look
• Add hover opacity transition on dock icons (0.7 → 1)
• Fix horizontal separator height: was 60% (collapsing against the taskbar pill), now fixed 28px to match the dock tile glyph area
• Bump dock border alpha from 0.08 to 0.2 for better visibility

[AllTerrainDeveloper]

Thank you for your first contribution!

BEFORE	AFTER

There seems to be kind of a regression in the taskbar, a new "separator" appeared. Would you mind to refine it and we ship it!

Again, thank you!

[darksns]

Hi, I see! I'll work on it so it looks good in both situations. In the screenshot, I imagine it's a clean WordPress installation. In my installation, where there are also third-party plugin icons to the left of the separator, the missing separator was noticeable and there was a visible empty space. I'll be back shortly with an update. Thank you Il 30 apr 2026, 19:38 +0200, Daniel López Sánchez (prismiwi2015) ***@***.***> ha scritto:

…

AllTerrainDeveloper left a comment (WordPress/openstation#39) Thank you for your first contribution! BEFORE AFTER image.png (view on web) image.png (view on web) There seems to be kind of a regression in the taskbar, a new "separator" appeared. Would you mind to refine it and we ship it! Again, thank you! — Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you authored the thread.Message ID: ***@***.***>

[darksns]

Hi! Thanks for the review and the screenshots — they made the regression easy to spot.

Pushed cfc786e which hides the separator when it's the first child of the dock. The TS code creates the system/pinned separator before its first cluster item, so when the dock has no menu items above (clean WP install) the separator becomes the first child and now display: none kicks in.

Verified both scenarios on Chrome, Firefox and Safari:

• Clean install (no plugin menus in taskbar): separator hidden, no stray hairline
• Plugin-rich install: separator visible between menu items and system cluster, as before
  CSS-only fix, no TS changes needed.

BEFORE

AFTER

[darksns]

Pushed 5f69cb4: re-applies the height: 28px fix on the new data-wp-desktop-dock-placement="bottom" selector, since the old --horizontal modifier was removed by PR #31. Same intent as before, just on the unified dock selector.

Also rebased onto current trunk to clear the conflict — the final diff vs upstream is just the SVG icon normalization (filter: brightness(0) invert(1) on .wp-desktop-dock__item-svg), the :first-child hide-when-empty rule, and this 28px separator height. Tested on Chrome, Firefox and Safari, both with and without third-party top-level admin menus.

Ready for another look!

[AllTerrainDeveloper]

Looks great now!