# desktop-mode/1.1.7/assets/css/windows.css

OpenStation: Desktop Windows, Dock & Virtual Desktops for WP Admin, version 1.1.7. 114 lines.

- Page: https://pluginprobe.com/plugins/desktop-mode/1.1.7/code/assets/css/windows.css
- Raw: https://pluginprobe.com/plugins/desktop-mode/1.1.7/raw/assets/css/windows.css
- Modified: 2026-08-07T20:39:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/desktop-mode/1.1.7/code/assets/css/windows.css#L10-L20`.

```css
/**
 * OpenStation — Window styles (entry point).
 *
 * The window stylesheet used to be 1,500 lines of chrome, states,
 * overview, and OS Settings mixed together. It is now split into
 * focused files so each concern lives on its own:
 *
 *   - window-chrome.css    — base window, title bar, icon, title,
 *                            controls, focused / unfocused variants,
 *                            menu panel, screen-meta buttons, tabs,
 *                            window body, primary iframe, native body.
 *   - window-states.css    — resize handle, drag/resize overlays,
 *                            maximized, fullscreen, opening animation,
 *                            minimized, closing, reduced-motion, RTL.
 *   - effects.css          — unfocused-window effects.
 *   - window-links.css     — relation ties between windows.
 *   - window-overview.css  — zoom-out overview grid + floating labels
 *                            + per-desktop top bar + dock-collapse.
 *   - os-settings.css      — the OS Settings native panel (wallpaper
 *                            picker, accent, dock size, uploader,
 *                            Media Library grid).
 *
 * ## Every sub-sheet is its own enqueued handle — NOT an `@import`
 *
 * They used to be `@import url( … )`ed from this file, and that was a
 * standing cache bug. An `@import` URL carries no `?ver=`, so when a
 * sub-sheet changed there was no URL anywhere for the browser to
 * notice. `openstation_css_subtree_version()` stamped THIS file with
 * the max mtime of the whole subtree, which made the browser re-fetch
 * and re-parse `windows.css` — and then request the sub-sheet at a
 * completely unchanged URL, free to serve it from its heuristic
 * cache. A parent's stamp can never invalidate its children.
 *
 * The symptom was edits to a sub-sheet not landing until a hard
 * refresh, and the workaround was to relocate rules INTO this file —
 * which happened twice and was turning this into a junk drawer.
 *
 * Each sub-sheet is now registered in `includes/assets.php` with its
 * own `filemtime` stamp, chained by dependency so the cascade order
 * is preserved exactly:
 *
 *   window-chrome → window-states → effects → window-links
 *   → windows (this file) → window-overview → os-settings
 *
 * The last two sit AFTER this file and load **deferred** (the
 * `media="print"` + onload swap driven by
 * `openstation_deferred_styles`): the UI they style is lazy-loaded
 * JS that can never be on screen at first paint, so ~47 KB of CSS has
 * no business blocking render.
 *
 * Rules in this file still win ties against the four critical
 * sub-sheets, exactly as they did when the `@import`s sat at the top.
 * But there is no longer any reason to put a rule here for cache
 * reasons — put it in the sheet it belongs to.
 *
 * Dropping the `@import`s also removes a request waterfall: the
 * browser could not discover the sub-sheets until it had fetched and
 * parsed this file. They are now all in the initial HTML.
 *
 * @since 6.9.0
 */

/*
 * Cross-window drag drop highlight.
 *
 * Lives here for historical reasons: sub-sheets used to be
 * `@import`s with no `?ver=`, so cache-sensitive rules were kept in
 * the stamped parent. Every sheet now carries its own filemtime
 * stamp, so this could move to `window-chrome.css` alongside the
 * rest of the window-body rules whenever someone is in the area.
 *
 * The cross-window pointer routing itself is driven from
 * JavaScript by `src/drag/iframe-drop-targets.ts` — on drag
 * START with a shortcut payload, every iframe element gets an
 * inline `style.pointerEvents = 'none'` so pointer events fall
 * through to the iframe's parent (`.os-window__body`),
 * which is registered as the drop target. No CSS rule is needed
 * to make the routing work — this stylesheet only paints the
 * visual feedback for whichever window is currently the active
 * drop target.
 */
.os-window__body[data-os-iframe-drop-active] {
	outline: 2px dashed var(--os-ui-accent, #2271b1);
	outline-offset: -6px;
	background: color-mix(in srgb, var(--os-ui-accent, #2271b1) 8%, transparent);
}

/*
 * Title-bar meta-button dashicon centring — same cache-busting
 * reason: Dashicons inherits `display: inline-block` from core
 * which positions the glyph via text-layout, and the font's
 * baseline isn't the geometric centre of its em-box, so the
 * visible `?` drifts off-centre inside the 28×28 button.
 * Re-flexing the dashicon span re-anchors the glyph regardless
 * of the font's intrinsic metrics.
 *
 * Also here for the old cache reason rather than a styling one —
 * see the note above; it can move back to `window-chrome.css`.
 */
.os-window__meta-btn .dashicons {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	/* Reset any inherited `top` / `left` offset that bleeds in
	 * from wp-admin or third-party stylesheets that style icons
	 * by their glyph class (e.g. `.dashicons-editor-help` with
	 * `top: 5px; left: 6px;` — leftover from contextual-help
	 * styling that doesn't belong in our title bar). Without this
	 * the glyph drifts off-centre inside the button. */
	top: 0 !important;
	left: 0 !important;
}

```