| @@ -156,8 +156,30 @@ | ||
| 156 | 156 | .cookieadmin-notice { |
| 157 | 157 | margin: 0 24px 0 24px; |
| 158 | 158 | } |
| 159 | 159 | |
| 160 | +/* ======== CONFLICT NOTICE ======== */ | |
| 161 | +.cookieadmin-conflict-notice { | |
| 162 | + display: flex; | |
| 163 | + align-items: center; | |
| 164 | + justify-content: center; | |
| 165 | + gap: 6px; | |
| 166 | + margin-left: -20px; | |
| 167 | + padding: 6px 24px; | |
| 168 | + background: var(--cookieadmin-warning-bg); | |
| 169 | + border-bottom: 1px solid var(--cookieadmin-warning-border); | |
| 170 | + color: var(--cookieadmin-text); | |
| 171 | + font-size: 13px; | |
| 172 | + text-align: center; | |
| 173 | +} | |
| 174 | +.cookieadmin-conflict-notice .dashicons { | |
| 175 | + color: var(--cookieadmin-warning); | |
| 176 | + font-size: 16px; | |
| 177 | + width: 16px; | |
| 178 | + height: 16px; | |
| 179 | + flex-shrink: 0; | |
| 180 | +} | |
| 181 | + | |
| 160 | 182 | /* ======== CARD ======== */ |
| 161 | 183 | .cookieadmin-card { |
| 162 | 184 | background: var(--cookieadmin-surface); |
| 163 | 185 | border: 1px solid var(--cookieadmin-border); |
| @@ -902,15 +924,15 @@ | ||
| 902 | 924 | .cookieadmin-manager-result{ |
| 903 | 925 | width: 100%; |
| 904 | 926 | } |
| 905 | 927 | |
| 906 | -.cookieadmin-consent-logs-pagination{ | |
| 928 | +.cookieadmin-consent-logs-pagination, .cookieadmin-dns-requests-pagination{ | |
| 907 | 929 | padding: 15px; |
| 908 | 930 | margin: 5px; |
| 909 | 931 | width: 100%; |
| 910 | 932 | } |
| 911 | 933 | |
| 912 | -.cookieadmin-logs-paginate{ | |
| 934 | +.cookieadmin-logs-paginate, .cookieadmin-dns-paginate{ | |
| 913 | 935 | font-size: 2em; |
| 914 | 936 | text-decoration:none; |
| 915 | 937 | } |
| 916 | 938 | |
| @@ -1014,8 +1036,12 @@ | ||
| 1014 | 1036 | border-top: 1px solid var(--cookieadmin-border); |
| 1015 | 1037 | background: var(--cookieadmin-surface-secondary); |
| 1016 | 1038 | } |
| 1017 | 1039 | |
| 1040 | +.cookieadmin_modal-footer .spinner.is-active{ | |
| 1041 | + margin:0; | |
| 1042 | +} | |
| 1043 | + | |
| 1018 | 1044 | .cookieadmin_form-group { |
| 1019 | 1045 | margin-bottom: 16px; |
| 1020 | 1046 | } |
| 1021 | 1047 | |
| @@ -1249,5 +1275,280 @@ | ||
| 1249 | 1275 | .cookieadmin-cb-services{ |
| 1250 | 1276 | width: fit-content; |
| 1251 | 1277 | display: grid; |
| 1252 | 1278 | grid-template-columns: repeat(3, 1fr); |
| 1279 | +} | |
| 1280 | + | |
| 1281 | +/* ====================== DASHBOARD WIDGETS ======================*/ | |
| 1282 | + | |
| 1283 | +/* Grid */ | |
| 1284 | +.cookieadmin-dashboard-grid { | |
| 1285 | + display: flex; | |
| 1286 | + gap: 20px; | |
| 1287 | + margin-top: 16px; | |
| 1288 | +} | |
| 1289 | + | |
| 1290 | +.cookieadmin-dashboard-main { | |
| 1291 | + flex: 0 0 70%; | |
| 1292 | + max-width: 70%; | |
| 1293 | + min-width: 0; | |
| 1294 | +} | |
| 1295 | + | |
| 1296 | +.cookieadmin-dashboard-sidebar { | |
| 1297 | + width:100%; | |
| 1298 | +} | |
| 1299 | + | |
| 1300 | +@media (max-width: 860px) { | |
| 1301 | + .cookieadmin-dashboard-grid { | |
| 1302 | + flex-direction: column; | |
| 1303 | + } | |
| 1304 | + .cookieadmin-dashboard-main, | |
| 1305 | + .cookieadmin-dashboard-sidebar { | |
| 1306 | + flex: 0 0 100%; | |
| 1307 | + max-width: 100%; | |
| 1308 | + } | |
| 1309 | +} | |
| 1310 | + | |
| 1311 | +/* Checklist */ | |
| 1312 | +.cookieadmin-checklist { | |
| 1313 | + list-style: none; | |
| 1314 | + margin: 0; | |
| 1315 | + padding: 0; | |
| 1316 | + counter-reset: checklist; | |
| 1317 | +} | |
| 1318 | + | |
| 1319 | +.cookieadmin-checklist li { | |
| 1320 | + margin-bottom: 0; | |
| 1321 | +} | |
| 1322 | + | |
| 1323 | +.cookieadmin-checklist li a { | |
| 1324 | + display: flex; | |
| 1325 | + align-items: center; | |
| 1326 | + gap: 10px; | |
| 1327 | + padding: 11px 12px; | |
| 1328 | + border-radius: var(--cookieadmin-radius-sm); | |
| 1329 | + color: var(--cookieadmin-text); | |
| 1330 | + text-decoration: none; | |
| 1331 | + font-size: 14px; | |
| 1332 | + font-weight: 500; | |
| 1333 | + transition: background .12s ease; | |
| 1334 | +} | |
| 1335 | + | |
| 1336 | +.cookieadmin-checklist li a:hover { | |
| 1337 | + background: var(--cookieadmin-surface-secondary); | |
| 1338 | +} | |
| 1339 | + | |
| 1340 | +.cookieadmin-checklist li a .dashicons { | |
| 1341 | + width: 22px; | |
| 1342 | + height: 22px; | |
| 1343 | + font-size: 16px; | |
| 1344 | + display: flex; | |
| 1345 | + align-items: center; | |
| 1346 | + justify-content: center; | |
| 1347 | + border-radius: 50%; | |
| 1348 | + flex-shrink: 0; | |
| 1349 | +} | |
| 1350 | + | |
| 1351 | +.cookieadmin-checklist-item--done .dashicons { | |
| 1352 | + background: var(--cookieadmin-success-bg); | |
| 1353 | + color: var(--cookieadmin-success); | |
| 1354 | +} | |
| 1355 | + | |
| 1356 | +.cookieadmin-checklist-item--pending .dashicons { | |
| 1357 | + background: var(--cookieadmin-surface-secondary); | |
| 1358 | + color: var(--cookieadmin-text-soft); | |
| 1359 | +} | |
| 1360 | + | |
| 1361 | +/* Cookie Inventory */ | |
| 1362 | +.cookieadmin-inventory-total { | |
| 1363 | + display: flex; | |
| 1364 | + align-items: baseline; | |
| 1365 | + gap: 6px; | |
| 1366 | + margin-bottom: 14px; | |
| 1367 | +} | |
| 1368 | + | |
| 1369 | +.cookieadmin-inventory-number { | |
| 1370 | + font-size: 2rem; | |
| 1371 | + font-weight: 700; | |
| 1372 | + color: var(--cookieadmin-text); | |
| 1373 | + line-height: 1; | |
| 1374 | +} | |
| 1375 | + | |
| 1376 | +.cookieadmin-inventory-label { | |
| 1377 | + font-size: 14px; | |
| 1378 | + color: var(--cookieadmin-text-muted); | |
| 1379 | +} | |
| 1380 | + | |
| 1381 | +.cookieadmin-segment-bar { | |
| 1382 | + display: flex; | |
| 1383 | + width: 100%; | |
| 1384 | + height: 10px; | |
| 1385 | + border-radius: 99px; | |
| 1386 | + overflow: hidden; | |
| 1387 | + margin-bottom: 14px; | |
| 1388 | + background: var(--cookieadmin-border-light); | |
| 1389 | +} | |
| 1390 | + | |
| 1391 | +.cookieadmin-segment { | |
| 1392 | + height: 100%; | |
| 1393 | + min-width: 2px; | |
| 1394 | +} | |
| 1395 | + | |
| 1396 | +.cookieadmin-segment-legend { | |
| 1397 | + display: flex; | |
| 1398 | + flex-wrap: wrap; | |
| 1399 | + gap: 12px 16px; | |
| 1400 | + margin-bottom: 14px; | |
| 1401 | + font-size: 12px; | |
| 1402 | + color: var(--cookieadmin-text-muted); | |
| 1403 | +} | |
| 1404 | + | |
| 1405 | +.cookieadmin-legend-item { | |
| 1406 | + display: inline-flex; | |
| 1407 | + align-items: center; | |
| 1408 | + gap: 5px; | |
| 1409 | +} | |
| 1410 | + | |
| 1411 | +.cookieadmin-legend-dot { | |
| 1412 | + width: 8px; | |
| 1413 | + height: 8px; | |
| 1414 | + border-radius: 50%; | |
| 1415 | + display: inline-block; | |
| 1416 | + flex-shrink: 0; | |
| 1417 | +} | |
| 1418 | + | |
| 1419 | +.cookieadmin-inventory-warning { | |
| 1420 | + display: flex; | |
| 1421 | + align-items: center; | |
| 1422 | + gap: 6px; | |
| 1423 | + background: var(--cookieadmin-warning-bg); | |
| 1424 | + border: 1px solid var(--cookieadmin-warning-border); | |
| 1425 | + color: var(--cookieadmin-warning); | |
| 1426 | + padding: 10px 12px; | |
| 1427 | + border-radius: var(--cookieadmin-radius-sm); | |
| 1428 | + font-size: 13px; | |
| 1429 | + margin-bottom: 14px; | |
| 1430 | +} | |
| 1431 | + | |
| 1432 | +.cookieadmin-inventory-actions { | |
| 1433 | + text-align: right; | |
| 1434 | +} | |
| 1435 | + | |
| 1436 | +/* Recommended Plugins */ | |
| 1437 | +.cookieadmin-recommended-plugins .cookieadmin-card-body { | |
| 1438 | + padding: 12px; | |
| 1439 | +} | |
| 1440 | + | |
| 1441 | +.cookieadmin-recommended-plugin { | |
| 1442 | + padding: 10px; | |
| 1443 | + border-radius: var(--cookieadmin-radius-sm); | |
| 1444 | + background: #fff; | |
| 1445 | + border: 1px solid var(--cookieadmin-border); | |
| 1446 | + margin-bottom: 10px; | |
| 1447 | +} | |
| 1448 | + | |
| 1449 | +.cookieadmin-recommended-plugin:last-child { | |
| 1450 | + margin-bottom: 0; | |
| 1451 | +} | |
| 1452 | + | |
| 1453 | +.cookieadmin-recommended-plugin-info { | |
| 1454 | + display: flex; | |
| 1455 | + align-items: flex-start; | |
| 1456 | + gap: 10px; | |
| 1457 | + margin-bottom: 8px; | |
| 1458 | +} | |
| 1459 | + | |
| 1460 | +.cookieadmin-recommended-plugin-icon { | |
| 1461 | + width: 32px; | |
| 1462 | + height: 32px; | |
| 1463 | + border-radius: var(--cookieadmin-radius-sm); | |
| 1464 | + background: var(--cookieadmin-primary-light); | |
| 1465 | + color: var(--cookieadmin-primary); | |
| 1466 | + display: flex; | |
| 1467 | + align-items: center; | |
| 1468 | + justify-content: center; | |
| 1469 | + flex-shrink: 0; | |
| 1470 | +} | |
| 1471 | + | |
| 1472 | +.cookieadmin-recommended-plugin-icon .dashicons { | |
| 1473 | + font-size: 20px; | |
| 1474 | + width: 20px; | |
| 1475 | + height: 20px; | |
| 1476 | +} | |
| 1477 | + | |
| 1478 | +.cookieadmin-recommended-plugin-name { | |
| 1479 | + font-size: 14px; | |
| 1480 | + font-weight: 600; | |
| 1481 | + color: var(--cookieadmin-text); | |
| 1482 | + line-height: 1.3; | |
| 1483 | +} | |
| 1484 | + | |
| 1485 | +.cookieadmin-recommended-plugin-desc { | |
| 1486 | + font-size: 12px; | |
| 1487 | + color: var(--cookieadmin-text-muted); | |
| 1488 | + line-height: 1.4; | |
| 1489 | +} | |
| 1490 | + | |
| 1491 | +.cookieadmin-recommended-plugin-link { | |
| 1492 | + font-size: 11px; | |
| 1493 | + color: var(--cookieadmin-primary); | |
| 1494 | + text-decoration: none; | |
| 1495 | + font-weight: 500; | |
| 1496 | + margin-top: 4px; | |
| 1497 | + display: inline-block; | |
| 1498 | +} | |
| 1499 | + | |
| 1500 | +.cookieadmin-recommended-plugin-link:hover { | |
| 1501 | + text-decoration: underline; | |
| 1502 | +} | |
| 1503 | + | |
| 1504 | +.cookieadmin-recommended-plugin-action { | |
| 1505 | + display:flex; | |
| 1506 | + margin-top:5px; | |
| 1507 | + justify-content:space-between; | |
| 1508 | + | |
| 1509 | +} | |
| 1510 | + | |
| 1511 | +/* Pro mini table on dashboard */ | |
| 1512 | +.cookieadmin-consent-log-table { | |
| 1513 | + width: 100%; | |
| 1514 | + border-collapse: collapse; | |
| 1515 | + font-size: 13px; | |
| 1516 | +} | |
| 1517 | + | |
| 1518 | +.cookieadmin-consent-log-table thead th { | |
| 1519 | + font-weight: 600; | |
| 1520 | + color: var(--cookieadmin-text-muted); | |
| 1521 | + text-align: left; | |
| 1522 | + padding: 8px 10px; | |
| 1523 | + border-bottom: 1px solid var(--cookieadmin-border); | |
| 1524 | + font-size: 12px; | |
| 1525 | + text-transform: uppercase; | |
| 1526 | + letter-spacing: .3px; | |
| 1527 | +} | |
| 1528 | + | |
| 1529 | +.cookieadmin-consent-log-table tbody td { | |
| 1530 | + padding: 8px 10px; | |
| 1531 | + border-bottom: 1px solid var(--cookieadmin-border-light); | |
| 1532 | + color: var(--cookieadmin-text); | |
| 1533 | +} | |
| 1534 | + | |
| 1535 | +.cookieadmin-consent-log-table tbody tr:last-child td { | |
| 1536 | + border-bottom: none; | |
| 1537 | +} | |
| 1538 | + | |
| 1539 | +/* Widget link row */ | |
| 1540 | +.cookieadmin-widget-link-row { | |
| 1541 | + text-align: right; | |
| 1542 | + margin-top: 10px; | |
| 1543 | +} | |
| 1544 | + | |
| 1545 | +.cookieadmin-widget-link-row a { | |
| 1546 | + font-size: 12px; | |
| 1547 | + font-weight: 500; | |
| 1548 | + color: var(--cookieadmin-primary); | |
| 1549 | + text-decoration: none; | |
| 1550 | +} | |
| 1551 | + | |
| 1552 | +.cookieadmin-widget-link-row a:hover { | |
| 1553 | + text-decoration: underline; | |
| 1253 | 1554 | } |
