max / makenotwork
1 file changed,
+8 insertions,
-19 deletions
| @@ -4023,16 +4023,6 @@ | |||
| 4023 | 4023 | .dashboard-item-page .section-header .action-buttons { width: 100%; } | |
| 4024 | 4024 | } | |
| 4025 | 4025 | ||
| 4026 | - | /* Blog editor dashboard (templates/dashboards/dashboard-blog-editor.html). */ | |
| 4027 | - | .blog-editor .editor-form { max-width: 800px; } | |
| 4028 | - | .blog-editor .editor-form .form-group { margin-bottom: var(--gap-pane); } | |
| 4029 | - | .blog-editor .editor-form textarea { | |
| 4030 | - | font-family: var(--font-mono); | |
| 4031 | - | font-size: var(--text-note); | |
| 4032 | - | min-height: 400px; | |
| 4033 | - | resize: vertical; | |
| 4034 | - | } | |
| 4035 | - | ||
| 4036 | 4026 | /* Changelog page (templates/pages/changelog.html). */ | |
| 4037 | 4027 | .changelog-page .container { max-width: 900px; margin: 0 auto; } | |
| 4038 | 4028 | .changelog-page h1 { font-size: var(--text-display); margin-bottom: var(--gap-peer); } | |
| @@ -4866,6 +4856,7 @@ | |||
| 4866 | 4856 | ||
| 4867 | 4857 | .htmx-indicator { | |
| 4868 | 4858 | display: none; | |
| 4859 | + | animation: htmx-spin 1s ease-in-out infinite; | |
| 4869 | 4860 | } | |
| 4870 | 4861 | ||
| 4871 | 4862 | .htmx-request .htmx-indicator { | |
| @@ -4876,17 +4867,13 @@ | |||
| 4876 | 4867 | display: inline; | |
| 4877 | 4868 | } | |
| 4878 | 4869 | ||
| 4879 | - | /* Loading spinner animation */ | |
| 4870 | + | /* Loading spinner animation. Applied on .htmx-indicator above. */ | |
| 4880 | 4871 | @keyframes htmx-spin { | |
| 4881 | 4872 | 0% { opacity: 0.3; } | |
| 4882 | 4873 | 50% { opacity: 1; } | |
| 4883 | 4874 | 100% { opacity: 0.3; } | |
| 4884 | 4875 | } | |
| 4885 | 4876 | ||
| 4886 | - | .htmx-indicator { | |
| 4887 | - | animation: htmx-spin 1s ease-in-out infinite; | |
| 4888 | - | } | |
| 4889 | - | ||
| 4890 | 4877 | /* Disable buttons during request */ | |
| 4891 | 4878 | .htmx-request button[type="submit"] { | |
| 4892 | 4879 | opacity: 0.6; | |
| @@ -7521,7 +7508,6 @@ | |||
| 7521 | 7508 | .tag-suggest-list { list-style: none; } | |
| 7522 | 7509 | .tag-suggest-list:not([hidden]) { display: block; } | |
| 7523 | 7510 | .tag-suggest-item { gap: var(--gap-peer); } | |
| 7524 | - | .tag-suggest-label { overflow-wrap: anywhere; } | |
| 7525 | 7511 | ||
| 7526 | 7512 | /* Drill-down. A rung either selects (assignable leaf) or navigates (category); | |
| 7527 | 7513 | rows with both put the chevron after the label. */ | |
| @@ -10217,6 +10203,9 @@ | |||
| 10217 | 10203 | .library-locked-cover { | |
| 10218 | 10204 | max-width: 320px; | |
| 10219 | 10205 | margin: var(--gap-section) 0; | |
| 10206 | + | /* Reserve the space before the image loads (audit Run 17 Frontend). */ | |
| 10207 | + | aspect-ratio: 1 / 1; | |
| 10208 | + | object-fit: cover; | |
| 10220 | 10209 | } | |
| 10221 | 10210 | .library-locked-purchase { | |
| 10222 | 10211 | margin-top: var(--gap-page); | |
| @@ -10260,7 +10249,7 @@ | |||
| 10260 | 10249 | gap: var(--gap-peer); | |
| 10261 | 10250 | } | |
| 10262 | 10251 | ||
| 10263 | - | /* Blog editor */ | |
| 10252 | + | /* Blog editor dashboard (templates/dashboards/dashboard-blog-editor.html). */ | |
| 10264 | 10253 | .blog-editor h1 { | |
| 10265 | 10254 | font-size: var(--text-title); | |
| 10266 | 10255 | margin-bottom: var(--gap-section); | |
| @@ -11016,6 +11005,7 @@ | |||
| 11016 | 11005 | font-size: var(--text-fine); | |
| 11017 | 11006 | opacity: 0.7; | |
| 11018 | 11007 | margin-bottom: var(--gap-peer); | |
| 11008 | + | overflow-wrap: anywhere; | |
| 11019 | 11009 | } | |
| 11020 | 11010 | .tag-suggest-pill { | |
| 11021 | 11011 | background: var(--surface-sunken); | |
| @@ -11469,9 +11459,8 @@ | |||
| 11469 | 11459 | .cp-locked-banner { margin: var(--gap-peer) 0 var(--gap-section); padding: var(--gap-section); border: 1px solid var(--warning, #b00); border-radius: 4px; background: var(--light-background, #fbeaea); } | |
| 11470 | 11460 | @media (max-width: 800px) { .cp-editor-grid { grid-template-columns: 1fr; } } | |
| 11471 | 11461 | ||
| 11472 | - | /* Layout-shift fixes (audit Run 17 Frontend): reserve space for cover images | |
| 11462 | + | /* Layout-shift fix (audit Run 17 Frontend): reserve space for a cover image | |
| 11473 | 11463 | whose class didn't already set an aspect-ratio / fixed size. */ | |
| 11474 | - | .library-locked-cover { aspect-ratio: 1 / 1; object-fit: cover; } | |
| 11475 | 11464 | .proj-image-preview img { width: 120px; height: 120px; object-fit: cover; } | |
| 11476 | 11465 | ||
| 11477 | 11466 | /* ---- Discover search: how well a result matched ------------------------- |