← All changes
|
media-optimization/assets/css/media-optimization.css
+42
-2
2.6.12
→
2.7.2
View file →
| @@ -1117,19 +1117,31 @@ | ||
| 1117 | 1117 | } |
| 1118 | 1118 | |
| 1119 | 1119 | /* ── Tablenav Inputs (select, button) ── */ |
| 1120 | 1120 | #metasync-image-library-form .tablenav select { |
| 1121 | - background: var(--dashboard-card-bg); | |
| 1121 | + background-color: var(--dashboard-card-bg); | |
| 1122 | 1122 | color: var(--dashboard-text-primary); |
| 1123 | 1123 | border: 1px solid var(--dashboard-border); |
| 1124 | 1124 | border-radius: 6px; |
| 1125 | 1125 | height: 34px; |
| 1126 | 1126 | line-height: 32px; |
| 1127 | - padding: 0 10px; | |
| 1127 | + padding: 0 30px 0 10px; | |
| 1128 | 1128 | font-size: 13px; |
| 1129 | 1129 | box-sizing: border-box; |
| 1130 | + cursor: pointer; | |
| 1131 | + appearance: none; | |
| 1132 | + -webkit-appearance: none; | |
| 1133 | + -moz-appearance: none; | |
| 1134 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); | |
| 1135 | + background-repeat: no-repeat; | |
| 1136 | + background-position: right 10px center; | |
| 1137 | + background-size: 10px 10px; | |
| 1130 | 1138 | } |
| 1131 | 1139 | |
| 1140 | +#metasync-image-library-form .tablenav select:focus { | |
| 1141 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'/%3E%3C/svg%3E"); | |
| 1142 | +} | |
| 1143 | + | |
| 1132 | 1144 | #metasync-image-library-form .tablenav .actions .button { |
| 1133 | 1145 | background: var(--dashboard-card-hover); |
| 1134 | 1146 | color: var(--dashboard-text-primary); |
| 1135 | 1147 | border: 1px solid var(--dashboard-border); |
| @@ -1286,8 +1298,27 @@ | ||
| 1286 | 1298 | border-radius: 4px; |
| 1287 | 1299 | display: block; |
| 1288 | 1300 | } |
| 1289 | 1301 | |
| 1302 | +/* Placeholder shown when an attachment's file is missing on disk */ | |
| 1303 | +.metasync-image-thumb-missing { | |
| 1304 | + width: 50px; | |
| 1305 | + height: 50px; | |
| 1306 | + border-radius: 4px; | |
| 1307 | + display: inline-flex; | |
| 1308 | + align-items: center; | |
| 1309 | + justify-content: center; | |
| 1310 | + background: rgba(239, 68, 68, 0.08); | |
| 1311 | + border: 1px dashed rgba(239, 68, 68, 0.4); | |
| 1312 | + color: #ef4444; | |
| 1313 | +} | |
| 1314 | + | |
| 1315 | +.metasync-image-thumb-missing .dashicons { | |
| 1316 | + font-size: 22px; | |
| 1317 | + width: 22px; | |
| 1318 | + height: 22px; | |
| 1319 | +} | |
| 1320 | + | |
| 1290 | 1321 | .metasync-image-info { |
| 1291 | 1322 | display: flex; |
| 1292 | 1323 | flex-direction: column; |
| 1293 | 1324 | gap: 2px; |
| @@ -1366,8 +1397,13 @@ | ||
| 1366 | 1397 | background: rgba(156, 163, 175, 0.15); |
| 1367 | 1398 | color: var(--dashboard-text-secondary); |
| 1368 | 1399 | } |
| 1369 | 1400 | |
| 1401 | +.metasync-status-missing { | |
| 1402 | + background: rgba(239, 68, 68, 0.15); | |
| 1403 | + color: #ef4444; | |
| 1404 | +} | |
| 1405 | + | |
| 1370 | 1406 | /* ── Size Savings ── */ |
| 1371 | 1407 | .metasync-size-savings { |
| 1372 | 1408 | display: flex; |
| 1373 | 1409 | flex-direction: column; |
| @@ -1417,9 +1453,13 @@ | ||
| 1417 | 1453 | .metasync-optimize-btn, |
| 1418 | 1454 | .metasync-revert-btn { |
| 1419 | 1455 | display: inline-flex !important; |
| 1420 | 1456 | align-items: center; |
| 1457 | + justify-content: center; | |
| 1421 | 1458 | gap: 4px; |
| 1459 | + min-width: 96px; | |
| 1460 | + white-space: nowrap; | |
| 1461 | + box-sizing: border-box; | |
| 1422 | 1462 | } |
| 1423 | 1463 | |
| 1424 | 1464 | .metasync-optimize-btn .dashicons, |
| 1425 | 1465 | .metasync-revert-btn .dashicons { |