| @@ -1,6 +1,6 @@ | ||
| 1 | 1 | /** |
| 2 | - * Desktop Mode — Note Pad widget styles. | |
| 2 | + * OpenStation — Note Pad widget styles. | |
| 3 | 3 | * |
| 4 | 4 | * The pad of pastel paper on the widget card. Consumes the shared |
| 5 | 5 | * pastel tokens (`--dm-note-*`) defined in `assets/css/notes.css`, |
| 6 | 6 | * which is always enqueued on shell pages — this file only styles |
| @@ -76,9 +76,9 @@ | ||
| 76 | 76 | inset 0 1px 0 rgba(255, 255, 255, 0.35); |
| 77 | 77 | } |
| 78 | 78 | |
| 79 | 79 | /* Torn off — the DragManager stamps its source class at lift. */ |
| 80 | -.dm-notes-pad__sheet.desktop-mode-file-tile--dragging { | |
| 80 | +.dm-notes-pad__sheet.os-file-tile--dragging { | |
| 81 | 81 | visibility: hidden; |
| 82 | 82 | } |
| 83 | 83 | |
| 84 | 84 | /* The glued top edge of the pad. */ |
| @@ -157,9 +157,9 @@ | ||
| 157 | 157 | outline-offset: 2px; |
| 158 | 158 | } |
| 159 | 159 | |
| 160 | 160 | /* ------------------------------------------------------------------ |
| 161 | - Footer: swatch dots, public toggle, pin button | |
| 161 | + Footer: swatch dots | |
| 162 | 162 | ------------------------------------------------------------------ */ |
| 163 | 163 | |
| 164 | 164 | .dm-notes-pad__footer { |
| 165 | 165 | display: flex; |
| @@ -164,8 +164,11 @@ | ||
| 164 | 164 | .dm-notes-pad__footer { |
| 165 | 165 | display: flex; |
| 166 | 166 | flex-direction: column; |
| 167 | 167 | gap: 8px; |
| 168 | + /* Breathing room under the sheet: the swatch row sat close enough | |
| 169 | + to the paper's bottom edge to read as part of it. */ | |
| 170 | + margin-block-start: 8px; | |
| 168 | 171 | } |
| 169 | 172 | |
| 170 | 173 | .dm-notes-pad__swatches { |
| 171 | 174 | display: flex; |
| @@ -196,42 +199,8 @@ | ||
| 196 | 199 | transform: scale(1.1); |
| 197 | 200 | } |
| 198 | 201 | |
| 199 | 202 | .dm-notes-pad__swatch:focus-visible { |
| 200 | - outline: 2px solid var(--wp-admin-theme-color, #3858e9); | |
| 201 | - outline-offset: 2px; | |
| 202 | -} | |
| 203 | - | |
| 204 | -.dm-notes-pad__public { | |
| 205 | - font-size: 11px; | |
| 206 | - /* The widget card is dark glass; the component's default | |
| 207 | - --desktop-mode-text is near-black and disappears on it. */ | |
| 208 | - --desktop-mode-text: rgba(255, 255, 255, 0.85); | |
| 209 | - align-self: center; | |
| 210 | -} | |
| 211 | - | |
| 212 | -.dm-notes-pad__pin-btn { | |
| 213 | - align-self: center; | |
| 214 | - padding: 4px 14px; | |
| 215 | - border: none; | |
| 216 | - border-radius: 999px; | |
| 217 | - background: var(--wp-admin-theme-color, #3858e9); | |
| 218 | - color: #fff; | |
| 219 | - font-size: 12px; | |
| 220 | - cursor: pointer; | |
| 221 | - transition: filter 140ms ease-out; | |
| 222 | -} | |
| 223 | - | |
| 224 | -.dm-notes-pad__pin-btn:hover:not(:disabled) { | |
| 225 | - filter: brightness(1.1); | |
| 226 | -} | |
| 227 | - | |
| 228 | -.dm-notes-pad__pin-btn:disabled { | |
| 229 | - opacity: 0.5; | |
| 230 | - cursor: default; | |
| 231 | -} | |
| 232 | - | |
| 233 | -.dm-notes-pad__pin-btn:focus-visible { | |
| 234 | 203 | outline: 2px solid var(--wp-admin-theme-color, #3858e9); |
| 235 | 204 | outline-offset: 2px; |
| 236 | 205 | } |
| 237 | 206 | |
