| @@ -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 | - --os-ui-fg is near-black and disappears on it. */ | |
| 208 | - --os-ui-fg: 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 | |
