| @@ -50,12 +50,25 @@ | ||
| 50 | 50 | border-radius: 6px; |
| 51 | 51 | margin: 0 0 5px 0; |
| 52 | 52 | width: 100%; |
| 53 | 53 | height: 60px; |
| 54 | + position: relative; | |
| 54 | 55 | } |
| 55 | 56 | .charitable-panel-fields .charitable-field-drag-placeholder.charitable-field-drag-not-allowed { |
| 56 | 57 | border-color: #b32d2e; |
| 57 | 58 | } |
| 59 | +.charitable-panel-fields .charitable-field-drag-placeholder.charitable-field-drag-locked-row::after { | |
| 60 | + content: "\f160"; | |
| 61 | + font-family: "dashicons"; | |
| 62 | + position: absolute; | |
| 63 | + top: 50%; | |
| 64 | + left: 50%; | |
| 65 | + transform: translate(-50%, -50%); | |
| 66 | + color: #b32d2e; | |
| 67 | + font-size: 24px; | |
| 68 | + line-height: 1; | |
| 69 | + pointer-events: none; | |
| 70 | +} | |
| 58 | 71 | .charitable-panel-fields .charitable-field-drag-not-allowed { |
| 59 | 72 | cursor: not-allowed !important; |
| 60 | 73 | } |
| 61 | 74 | .charitable-panel-fields .charitable-field-drag-pending { |
| @@ -1287,10 +1300,11 @@ | ||
| 1287 | 1300 | border-color: #cccccc; |
| 1288 | 1301 | } |
| 1289 | 1302 | |
| 1290 | 1303 | .charitable-toggle-control { |
| 1291 | - display: block; | |
| 1304 | + display: flex; | |
| 1292 | 1305 | margin: 6px 1px 5px 0px; |
| 1306 | + align-items: flex-end; | |
| 1293 | 1307 | } |
| 1294 | 1308 | .charitable-toggle-control input[type=checkbox] { |
| 1295 | 1309 | display: none; |
| 1296 | 1310 | height: 0; |
| @@ -1351,8 +1365,24 @@ | ||
| 1351 | 1365 | background-color: #215d8f; |
| 1352 | 1366 | } |
| 1353 | 1367 | .charitable-toggle-control:hover .charitable-toggle-control-icon { |
| 1354 | 1368 | background-color: #777777; |
| 1369 | +} | |
| 1370 | + | |
| 1371 | +/* Disabled toggle — dim everything and block interaction; pointer-events on labels | |
| 1372 | + so the user can't click them to toggle the input. */ | |
| 1373 | +.charitable-panel-field-toggle-disabled { | |
| 1374 | + opacity: 0.55; | |
| 1375 | +} | |
| 1376 | +.charitable-panel-field-toggle-disabled .charitable-toggle-control input[type=checkbox] { | |
| 1377 | + cursor: not-allowed; | |
| 1378 | +} | |
| 1379 | +.charitable-panel-field-toggle-disabled .charitable-toggle-control label { | |
| 1380 | + cursor: not-allowed; | |
| 1381 | + pointer-events: none; | |
| 1382 | +} | |
| 1383 | +.charitable-panel-field-toggle-disabled .charitable-toggle-control .charitable-toggle-control-icon { | |
| 1384 | + background-color: #c8ced4 !important; | |
| 1355 | 1385 | } |
| 1356 | 1386 | |
| 1357 | 1387 | .charitable-group.charitable-layout-options-tab-group .charitable-toggle-control-icon { |
| 1358 | 1388 | margin: -4px 1px; |
