| @@ -779,8 +779,12 @@ | ||
| 779 | 779 | } |
| 780 | 780 | |
| 781 | 781 | /* Cards */ |
| 782 | 782 | |
| 783 | +.mainwp-ui #mainwp-ai-feature-cards > .card > .extra.content { | |
| 784 | + border-top: 1px solid var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .1))) !important; | |
| 785 | +} | |
| 786 | + | |
| 783 | 787 | .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.header { |
| 784 | 788 | font-size: 1em; |
| 785 | 789 | } |
| 786 | 790 | .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.header .sub.header { |
| @@ -1005,8 +1009,190 @@ | ||
| 1005 | 1009 | text-overflow: ellipsis; |
| 1006 | 1010 | max-width: 185px; |
| 1007 | 1011 | } |
| 1008 | 1012 | |
| 1013 | +/* Knowledge panel */ | |
| 1014 | + | |
| 1015 | +.mainwp-knowledge-section, | |
| 1016 | +.mainwp-knowledge-inherited, | |
| 1017 | +.mainwp-knowledge-site-section { | |
| 1018 | + margin-bottom: 2em; | |
| 1019 | +} | |
| 1020 | + | |
| 1021 | +.mainwp-widget.mainwp-knowledge-section-box { | |
| 1022 | + padding: 1em !important; | |
| 1023 | + overflow: visible !important; | |
| 1024 | +} | |
| 1025 | + | |
| 1026 | +#mainwp-knowledge-review-filters { | |
| 1027 | + margin: 0 0 1em !important; | |
| 1028 | +} | |
| 1029 | + | |
| 1030 | +.mainwp-knowledge-section-box .mainwp-widget-header, | |
| 1031 | +.mainwp-knowledge-section-box .mainwp-widget-footer { | |
| 1032 | + padding: 0 !important; | |
| 1033 | +} | |
| 1034 | + | |
| 1035 | +.mainwp-knowledge-section-box .mainwp-widget-header { | |
| 1036 | + margin-bottom: 1em; | |
| 1037 | +} | |
| 1038 | + | |
| 1039 | +.mainwp-knowledge-section-title { | |
| 1040 | + display: flex; | |
| 1041 | + align-items: center; | |
| 1042 | + gap: .5em; | |
| 1043 | +} | |
| 1044 | + | |
| 1045 | +.mainwp-knowledge-section-title > .icon { | |
| 1046 | + width: auto; | |
| 1047 | + margin: 0 !important; | |
| 1048 | +} | |
| 1049 | + | |
| 1050 | +.mainwp-knowledge-records.ui.styled.accordion { | |
| 1051 | + width: 100%; | |
| 1052 | + box-shadow: none; | |
| 1053 | + margin-bottom: 2em; | |
| 1054 | +} | |
| 1055 | + | |
| 1056 | +.mainwp-ui .mainwp-knowledge-section-box .mainwp-knowledge-records.ui.styled.accordion, | |
| 1057 | +.mainwp-ui .mainwp-knowledge-section-box .mainwp-knowledge-records.ui.accordion .mainwp-knowledge-record-title, | |
| 1058 | +.mainwp-ui .mainwp-knowledge-section-box .mainwp-knowledge-records.ui.accordion .mainwp-knowledge-record-content { | |
| 1059 | + background: transparent !important; | |
| 1060 | +} | |
| 1061 | + | |
| 1062 | +.mainwp-knowledge-records.ui.accordion .mainwp-knowledge-record-title { | |
| 1063 | + display: flex; | |
| 1064 | + align-items: center; | |
| 1065 | + gap: .5em; | |
| 1066 | + min-width: 0; | |
| 1067 | + border-top: 1px solid var(--mainwp-border, rgba(34, 36, 38, .15)); | |
| 1068 | + padding: 1em !important; | |
| 1069 | +} | |
| 1070 | + | |
| 1071 | +.mainwp-knowledge-records.ui.accordion .mainwp-knowledge-record-title:first-child { | |
| 1072 | + border-top: 0; | |
| 1073 | +} | |
| 1074 | + | |
| 1075 | +.mainwp-knowledge-required-indicator { | |
| 1076 | + flex: 0 0 auto; | |
| 1077 | + margin-right: .5em; | |
| 1078 | +} | |
| 1079 | + | |
| 1080 | +.mainwp-knowledge-required-indicator .ui.checkbox label { | |
| 1081 | + font-size: .78571429rem; | |
| 1082 | +} | |
| 1083 | + | |
| 1084 | +.mainwp-knowledge-required-indicator .ui.disabled.checkbox label { | |
| 1085 | + color: var(--mainwp-text-secondary, rgba(0, 0, 0, .4)) !important; | |
| 1086 | +} | |
| 1087 | + | |
| 1088 | +.mainwp-knowledge-record-chevron { | |
| 1089 | + flex: 0 0 auto; | |
| 1090 | +} | |
| 1091 | + | |
| 1092 | +.mainwp-knowledge-record-name { | |
| 1093 | + flex: 1 1 auto; | |
| 1094 | + min-width: 0; | |
| 1095 | + white-space: nowrap; | |
| 1096 | + overflow: hidden; | |
| 1097 | + text-overflow: ellipsis; | |
| 1098 | +} | |
| 1099 | + | |
| 1100 | +.mainwp-knowledge-record-level { | |
| 1101 | + flex: 0 1 auto; | |
| 1102 | + max-width: 40%; | |
| 1103 | + overflow: hidden; | |
| 1104 | + text-overflow: ellipsis; | |
| 1105 | + white-space: nowrap; | |
| 1106 | +} | |
| 1107 | + | |
| 1108 | +.mainwp-knowledge-record-chevron { | |
| 1109 | + margin-left: auto !important; | |
| 1110 | + transition: transform .2s ease; | |
| 1111 | +} | |
| 1112 | + | |
| 1113 | +.mainwp-knowledge-record-title.active .mainwp-knowledge-record-chevron { | |
| 1114 | + transform: rotate(90deg); | |
| 1115 | +} | |
| 1116 | + | |
| 1117 | +.mainwp-knowledge-records.ui.accordion .mainwp-knowledge-record-content { | |
| 1118 | + padding: 0 1em 1em !important; | |
| 1119 | +} | |
| 1120 | + | |
| 1121 | +.mainwp-knowledge-record-value { | |
| 1122 | + white-space: pre-wrap; | |
| 1123 | + overflow-wrap: anywhere; | |
| 1124 | +} | |
| 1125 | + | |
| 1126 | +.mainwp-knowledge-record-body { | |
| 1127 | + max-height: 350px; | |
| 1128 | + overflow-x: hidden; | |
| 1129 | + overflow-y: auto; | |
| 1130 | +} | |
| 1131 | + | |
| 1132 | +.mainwp-knowledge-record-card.ui.cards { | |
| 1133 | + width: 100%; | |
| 1134 | + margin: 0; | |
| 1135 | +} | |
| 1136 | + | |
| 1137 | +.mainwp-knowledge-record-card.ui.cards > .card { | |
| 1138 | + width: 100%; | |
| 1139 | + margin: 0; | |
| 1140 | +} | |
| 1141 | + | |
| 1142 | +.mainwp-ui .mainwp-knowledge-record-card.ui.cards > .card > .mainwp-knowledge-record-body, | |
| 1143 | +.mainwp-ui .mainwp-knowledge-record-card.ui.cards > .card > .extra.content { | |
| 1144 | + background: var(--mainwp-element-background-secondary, rgba(0, 0, 0, .03)) !important; | |
| 1145 | +} | |
| 1146 | + | |
| 1147 | +.mainwp-knowledge-record-actions.ui.grid { | |
| 1148 | + width: 100%; | |
| 1149 | + margin: 0 !important; | |
| 1150 | +} | |
| 1151 | + | |
| 1152 | +.mainwp-knowledge-record-actions.ui.grid > .column { | |
| 1153 | + padding: 0 !important; | |
| 1154 | +} | |
| 1155 | + | |
| 1156 | +.mainwp-knowledge-record-actions.ui.grid > .right.column { | |
| 1157 | + display: flex !important; | |
| 1158 | + flex-direction: row !important; | |
| 1159 | + flex-wrap: nowrap !important; | |
| 1160 | + align-items: center; | |
| 1161 | + justify-content: flex-end; | |
| 1162 | + gap: .5em; | |
| 1163 | +} | |
| 1164 | + | |
| 1165 | +.mainwp-knowledge-record-actions.ui.grid > .right.column > .button { | |
| 1166 | + flex: 0 0 auto; | |
| 1167 | + display: inline-flex !important; | |
| 1168 | + width: auto !important; | |
| 1169 | + min-width: 0 !important; | |
| 1170 | + margin: 0 !important; | |
| 1171 | + white-space: nowrap; | |
| 1172 | +} | |
| 1173 | + | |
| 1174 | +.mainwp-knowledge-empty, | |
| 1175 | +.mainwp-knowledge-inherited-empty, | |
| 1176 | +.mainwp-knowledge-site-empty { | |
| 1177 | + padding: 1em; | |
| 1178 | +} | |
| 1179 | + | |
| 1180 | +.mainwp-knowledge-empty { | |
| 1181 | + margin-bottom: 2em; | |
| 1182 | +} | |
| 1183 | + | |
| 1184 | +.mainwp-knowledge-add { | |
| 1185 | + margin-top: 1em !important; | |
| 1186 | +} | |
| 1187 | + | |
| 1188 | +.mainwp-knowledge-read-only-widget .mainwp-knowledge-add, | |
| 1189 | +.mainwp-knowledge-read-only-widget .mainwp-knowledge-edit, | |
| 1190 | +.mainwp-knowledge-read-only-widget .mainwp-knowledge-delete, | |
| 1191 | +.mainwp-knowledge-read-only-widget .mainwp-knowledge-view { | |
| 1192 | + display: none !important; | |
| 1193 | +} | |
| 1194 | + | |
| 1009 | 1195 | /* Manage Cliens Table */ |
| 1010 | 1196 | |
| 1011 | 1197 | #mainwp-manage-clients-table .custom-icon { |
| 1012 | 1198 | font-size: 35px; |
| @@ -1129,8 +1315,123 @@ | ||
| 1129 | 1315 | #mainwp-show-wp-config code { |
| 1130 | 1316 | background: none !important; |
| 1131 | 1317 | } |
| 1132 | 1318 | |
| 1319 | +.mainwp-copyable-code { | |
| 1320 | + margin: 0; | |
| 1321 | + overflow-x: auto; | |
| 1322 | +} | |
| 1323 | + | |
| 1324 | +.mainwp-code-actions { | |
| 1325 | + margin-bottom: .5em; | |
| 1326 | + text-align: right; | |
| 1327 | +} | |
| 1328 | + | |
| 1329 | +.mainwp-ui #mainwp-mcp-config.mainwp-mcp-config-editor { | |
| 1330 | + background: var(--mainwp-element-background-secondary, var(--background-color-3, var(--grey-light, #f3f4f5))) !important; | |
| 1331 | + border: 1px solid var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .15))) !important; | |
| 1332 | + border-radius: var(--area-radius, .28571429rem); | |
| 1333 | + box-shadow: none; | |
| 1334 | + box-sizing: border-box; | |
| 1335 | + color: var(--mainwp-text, var(--font-color, rgba(0, 0, 0, .87))) !important; | |
| 1336 | + display: block; | |
| 1337 | + font-family: monospace; | |
| 1338 | + line-height: 1.4285em; | |
| 1339 | + min-height: 20rem; | |
| 1340 | + padding: 1rem; | |
| 1341 | + resize: vertical; | |
| 1342 | + width: 100%; | |
| 1343 | +} | |
| 1344 | + | |
| 1345 | +.mainwp-ui #mainwp-control-page .mainwp-control-code-editor { | |
| 1346 | + background: var(--mainwp-element-background-secondary, var(--background-color-3, var(--grey-light, #f3f4f5))) !important; | |
| 1347 | + border: 1px solid var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .15))) !important; | |
| 1348 | + border-radius: var(--area-radius, .28571429rem); | |
| 1349 | + box-shadow: none; | |
| 1350 | + box-sizing: border-box; | |
| 1351 | + color: var(--mainwp-text, var(--font-color, rgba(0, 0, 0, .87))) !important; | |
| 1352 | + display: block; | |
| 1353 | + font-family: monospace; | |
| 1354 | + line-height: 1.4285em; | |
| 1355 | + min-height: 9rem; | |
| 1356 | + padding: 1rem; | |
| 1357 | + resize: vertical; | |
| 1358 | + width: 100%; | |
| 1359 | +} | |
| 1360 | + | |
| 1361 | +.mainwp-ui .mainwp-mcp-step-action, | |
| 1362 | +.mainwp-ui .mainwp-control-step-action { | |
| 1363 | + margin-top: 2rem; | |
| 1364 | +} | |
| 1365 | + | |
| 1366 | +.mainwp-ui .mainwp-mcp-step-navigation-actions, | |
| 1367 | +.mainwp-ui .mainwp-control-step-navigation-actions { | |
| 1368 | + display: flex; | |
| 1369 | + gap: .75rem; | |
| 1370 | + margin-top: 0; | |
| 1371 | +} | |
| 1372 | + | |
| 1373 | +.mainwp-ui .mainwp-mcp-step-navigation-divider, | |
| 1374 | +.mainwp-ui .mainwp-control-step-navigation-divider { | |
| 1375 | + margin-bottom: 2rem !important; | |
| 1376 | + margin-top: 4rem !important; | |
| 1377 | +} | |
| 1378 | + | |
| 1379 | +.mainwp-ui .mainwp-mcp-step-navigation-actions .mainwp-mcp-next-step, | |
| 1380 | +.mainwp-ui .mainwp-control-step-navigation-actions .mainwp-control-next-step { | |
| 1381 | + margin-left: auto; | |
| 1382 | +} | |
| 1383 | + | |
| 1384 | +.mainwp-ui .mainwp-mcp-step-navigation .chevron.icon, | |
| 1385 | +.mainwp-ui .mainwp-control-step-navigation .chevron.icon { | |
| 1386 | + display: inline-block !important; | |
| 1387 | + float: none !important; | |
| 1388 | + position: static !important; | |
| 1389 | +} | |
| 1390 | + | |
| 1391 | +.mainwp-ui .mainwp-mcp-step-navigation .arrow.left.icon, | |
| 1392 | +.mainwp-ui .mainwp-control-step-navigation .arrow.left.icon { | |
| 1393 | + margin: 0 .4rem 0 0; | |
| 1394 | +} | |
| 1395 | + | |
| 1396 | +.mainwp-ui .mainwp-mcp-step-navigation .arrow.right.icon, | |
| 1397 | +.mainwp-ui .mainwp-control-step-navigation .arrow.right.icon { | |
| 1398 | + margin: 0 0 0 .4rem; | |
| 1399 | +} | |
| 1400 | + | |
| 1401 | +.mainwp-ui #mainwp-mcp-steps .step, | |
| 1402 | +.mainwp-ui #mainwp-control-steps .step { | |
| 1403 | + cursor: pointer; | |
| 1404 | +} | |
| 1405 | + | |
| 1406 | +.mainwp-ui #mainwp-mcp-steps .step:focus-visible, | |
| 1407 | +.mainwp-ui #mainwp-control-steps .step:focus-visible { | |
| 1408 | + outline: 2px solid var(--mainwp-green, #7fb100); | |
| 1409 | + outline-offset: 2px; | |
| 1410 | +} | |
| 1411 | + | |
| 1412 | +.mainwp-ui #mainwp-mcp-step-panels > [hidden], | |
| 1413 | +.mainwp-ui #mainwp-control-step-panels > [hidden] { | |
| 1414 | + display: none !important; | |
| 1415 | +} | |
| 1416 | + | |
| 1417 | +.mainwp-ui #mainwp-mcp-step-panels, | |
| 1418 | +.mainwp-ui #mainwp-control-step-panels { | |
| 1419 | + margin-top: 3rem; | |
| 1420 | +} | |
| 1421 | + | |
| 1422 | +.mainwp-ui .mainwp-mcp-step-intro, | |
| 1423 | +.mainwp-ui .mainwp-control-step-intro { | |
| 1424 | + margin-bottom: 2rem; | |
| 1425 | + max-width: 450px; | |
| 1426 | +} | |
| 1427 | + | |
| 1428 | +.mainwp-ui #mainwp-mcp-page > .mainwp-mcp-section-divider, | |
| 1429 | +.mainwp-ui #mainwp-control-page > .mainwp-control-section-divider { | |
| 1430 | + margin-bottom: 4rem; | |
| 1431 | + margin-top: 4rem; | |
| 1432 | +} | |
| 1433 | + | |
| 1133 | 1434 | .main-content { |
| 1134 | 1435 | width: calc(100% - 302.5px); |
| 1135 | 1436 | } |
| 1136 | 1437 | |
| @@ -1146,9 +1447,9 @@ | ||
| 1146 | 1447 | |
| 1147 | 1448 | .mainwp-ui #wpbody-content .notice.notice-success, |
| 1148 | 1449 | .mainwp-ui #wpbody-content .notice.notice-info, |
| 1149 | 1450 | .mainwp-ui #wpbody-content .notice.notice-error, |
| 1150 | -.mainwp-ui #wpbody-content .notice.notice-warrning, | |
| 1451 | +.mainwp-ui #wpbody-content .notice.notice-warning, | |
| 1151 | 1452 | .mainwp-ui #wpbody-content div.update-nag { |
| 1152 | 1453 | display: none; |
| 1153 | 1454 | } |
| 1154 | 1455 | |
| @@ -1912,5 +2213,46 @@ | ||
| 1912 | 2213 | |
| 1913 | 2214 | .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result:hover, |
| 1914 | 2215 | .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result.active { |
| 1915 | 2216 | background: var(--mainwp-element-background, var(--background-color-2, var(--grey-light, #f9fafb))) !important; |
| 2217 | +} | |
| 2218 | + | |
| 2219 | +.mainwp-connect-failure-ux pre { | |
| 2220 | + white-space: pre-wrap; | |
| 2221 | + word-break: break-word; | |
| 2222 | + text-align: left; | |
| 2223 | + margin-top: 0.5em; | |
| 2224 | +} | |
| 2225 | + | |
| 2226 | +.mainwp-connect-failure-ux code { | |
| 2227 | + word-break: break-all; | |
| 2228 | +} | |
| 2229 | + | |
| 2230 | +.mainwp-ai-client-setup { | |
| 2231 | + margin-top: 1.5em; | |
| 2232 | +} | |
| 2233 | + | |
| 2234 | +/* mainwp-fomantic.css underlines every link inside a message with !important, tab items included. */ | |
| 2235 | +.mainwp-ui .ui.message .mainwp-ai-client-setup .tabular.menu a.item { | |
| 2236 | + text-decoration: none !important; | |
| 2237 | +} | |
| 2238 | + | |
| 2239 | +.mainwp-ai-client-setup pre.mainwp-ai-client-setup-snippet code { | |
| 2240 | + padding: 0; | |
| 2241 | + border: 0; | |
| 2242 | + background: none; | |
| 2243 | + font-size: inherit; | |
| 2244 | + white-space: inherit; | |
| 2245 | +} | |
| 2246 | + | |
| 2247 | +.mainwp-ai-client-setup pre.mainwp-ai-client-setup-snippet { | |
| 2248 | + margin: 0 0 1em; | |
| 2249 | + padding: 1em; | |
| 2250 | + overflow-x: auto; | |
| 2251 | + white-space: pre; | |
| 2252 | + text-align: left; | |
| 2253 | + font-size: 12px; | |
| 2254 | + color: var(--mainwp-text, var(--font-color, rgba(0, 0, 0, .87))); | |
| 2255 | + background: var(--mainwp-element-background-secondary, var(--background-color-3, rgba(0, 0, 0, .03))); | |
| 2256 | + border: 1px solid var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .15))); | |
| 2257 | + border-radius: var(--input-radius, 5px); | |
| 1916 | 2258 | } |
