PluginProbe
SupportCandy – AI Customer Support Ticket System & Live Chatbot Agent / 3.5.4
SupportCandy – AI Customer Support Ticket System & Live Chatbot Agent v3.5.4
3.5.4 3.5.3 3.5.2 3.5.1 3.4.9 3.5.0 3.4.8 3.4.7 trunk 2.3.1 3.3.6 3.3.7 3.3.8 3.3.9 3.4.0 3.4.1 3.4.2 3.4.3 3.4.4 3.4.5 3.4.6
← All changes | asset/css/admin.css +429 -117 2.3.1 → 3.5.4 View file →
@@ -1,160 +1,472 @@
1 -/* SupportCandy Admin */
2 -
3 -.wpsc_padding_space{
4 - padding-top: 20px;
1 +/* Setting Screen */
2 +.wpsc-settings-page {
3 + display: flex;
5 4 }
5 +.wpsc-setting-section-container {
6 + width: 250px;
7 + min-width: 250px;
8 + display: flex;
9 + flex-wrap: wrap;
10 + flex-direction: column;
11 + align-items: center;
12 + justify-content: flex-start;
13 + padding: 0 10px 10px;
14 + margin-right: 30px;
15 + background-color: #fff;
16 + border-radius: 5px;
17 + box-shadow: 6px 6px 10px 0px #ced6e0;
18 +}
19 +.wpsc-setting-body {
20 + display: flex;
21 + flex-direction: column;
22 + align-items: flex-start;
23 + justify-content: flex-start;
24 + flex-wrap: wrap;
25 + flex-grow: 1;
26 + min-width: 0;
27 +}
28 +.wpsc-setting-header,
29 +.wpsc-setting-tab-container {
30 + display: flex;
31 + flex-wrap: wrap;
32 + width: 100%;
33 + align-items: center;
34 + margin-bottom: 10px;
35 +}
36 +.wpsc-setting-header h2 {
37 + font-size: 22px;
38 + font-weight: 300;
39 + margin: 15px 5px 15px 0;
40 +}
41 +.wpsc-setting-header-xs {
42 + margin-bottom: 15px;
43 +}
44 +.wpsc-setting-tab-container button {
45 + padding: 7px 15px;
46 + font-size: 16px;
47 + font-weight: normal;
48 + border: none !important;
49 + color: #6a6a6a;
50 + background-color: transparent;
51 + cursor: pointer;
52 + border-radius: 16px;
53 + margin: 0 5px 5px 0;
54 +}
55 +.wpsc-setting-tab-container button.active,
56 +.wpsc-setting-tab-container button:hover {
57 + color: #fff;
58 + background-color: #ffa04a;
59 +}
60 +.wpsc-setting-section-body {
61 + width: 100%;
62 + flex-grow: 1;
63 + border: none;
64 + box-shadow: 0 0 3px 0 #a4b0be;
65 + border-radius: 5px;
66 + padding: 15px;
67 + box-sizing: border-box;
68 + background-color: #fff;
69 +}
6 70
7 -.wpsc_setting_col1{
8 -
71 +/* Setting Cards */
72 +.wpsc-setting-cards-container {
73 + width: 100%;
74 + display: flex;
75 + flex-wrap: wrap;
9 76 }
10 -
11 -.wpsc_setting_col2{
12 - background-color: #fff;
13 - width: 62% !important;
14 - padding: 20px;
77 +.wpsc-setting-card {
78 + width: 100%;
79 + display: flex;
80 + flex-wrap: wrap;
81 + align-items: center;
82 + background-color: #c7ecee;
83 + padding: 10px;
84 + color: #2d9ba1;
15 85 border-radius: 5px;
86 + margin-bottom: 10px;
16 87 }
17 -
18 -.wpsc_setting_pills > li > a {
19 - color: #333333;
20 - border-width: 0.5px;
21 - border-style: solid;
22 - background-color: #ffffff !important;
23 - border-color:#fff;
88 +.wpsc-setting-card .actions {
89 + display: flex;
90 + justify-content: flex-end;
91 + align-items: center;
92 + flex-grow: 1;
93 + padding-left: 10px;
94 + gap: 10px;
24 95 }
25 -
26 -.wpsc_setting_pills > li.active > a, .wpsc_setting_pills > li.active > a:hover, .wpsc_setting_pills > li.active > a:focus {
27 - color: #ffffff;
28 - background-color: #0088CC !important;
29 - border-color:#0088CC;
96 +.wpsc-setting-card span.title {
97 + font-size: 14px;
98 + font-weight: 600;
30 99 }
31 -
32 -.wpsc_setting_pills > li > a:hover, .wpsc_setting_pills > li > a:focus{
33 - color: #333333;
34 - background-color: #E8EBF0 !important;
35 - border-color:#333;
100 +.wpsc-setting-card span.card-subtitle {
101 + font-size: 12px;
102 + font-weight: 300;
103 + font-style: italic;
36 104 }
37 -
38 -.wpsc_loading_icon img{
39 - margin-left: auto;
40 - margin-right: auto;
41 - display: block;
105 +.wpsc-setting-card span.wpsc-sort-handle {
106 + cursor: move !important;
42 107 }
43 -
44 -.wpsc_submit_wait, .wpsc_submit_wait_1{
108 +.wpsc-setting-card span.action-btn {
109 + cursor: pointer;
110 + display: flex;
111 + align-items: center;
112 +}
113 +.wpsc-setting-card svg {
114 + height: 14px;
115 + margin-right: 5px;
116 +}
117 +.wpsc-setting-card img {
118 + border-radius: 5px;
119 + margin-right: 5px;
120 +}
121 +table.wpsc-setting-tbl td.sort-handle {
45 122 width: 30px;
46 - margin-left: -70px;
123 + max-width: 30px;
124 + text-align: center;
125 + cursor: move;
47 126 }
127 +table.wpsc-setting-tbl td.sort-handle svg {
128 + width: 11px;
129 + color: #c3c3c3;
130 +}
131 +.wpsc-setting-card .title-container {
132 + height: 100%;
133 + display: flex;
134 + flex-direction: column;
135 + justify-content: flex-start;
136 + align-items: flex-start;
137 +}
138 +.wpsc-setting-card .title-container span.title {
139 + margin-bottom: 2px;
140 +}
48 141
49 -.wpsc_alert{
50 - position: fixed;
51 - top: 50px;
52 - right: 50px;
53 - font-size: 15px;
54 - font-weight: bold;
142 +/* Dashboard cards enable/disable toggle switch (scoped/unique names to avoid
143 + colliding with the Productivity Suite add-on's own .wpsc-toggle-switch/.wpsc-slider) */
144 +.wpsc-dbc-toggle-switch {
145 + display: inline-block;
146 + position: relative;
147 + width: 32px;
148 + height: 16px;
149 + flex: none;
55 150 }
151 +.wpsc-dbc-toggle-switch input {
152 + display: none;
153 +}
154 +.wpsc-dbc-toggle-switch .wpsc-dbc-slider {
155 + position: absolute;
156 + cursor: pointer;
157 + top: 0;
158 + left: 0;
159 + right: 0;
160 + bottom: 0;
161 + background-color: #ccc;
162 + border-radius: 16px;
163 + transition: 0.2s;
164 +}
165 +.wpsc-dbc-toggle-switch .wpsc-dbc-slider:before {
166 + position: absolute;
167 + content: "";
168 + height: 14px;
169 + width: 14px;
170 + left: 1px;
171 + top: 1px;
172 + background-color: #fff;
173 + border-radius: 50%;
174 + transition: 0.2s;
175 +}
176 +.wpsc-dbc-toggle-switch input:checked + .wpsc-dbc-slider {
177 + background-color: #2271b1;
178 +}
179 +.wpsc-dbc-toggle-switch input:checked + .wpsc-dbc-slider:before {
180 + transform: translateX(16px);
181 +}
56 182
57 -.wpsc-flex-container {
183 +/* Setting cards enable all / disable all switcher */
184 +.wpsc-setting-cards-toggle-all {
185 + width: 100%;
58 186 display: flex;
59 - border-radius: 4px;
60 - max-width: 320px;
187 + align-items: center;
188 + justify-content: flex-end;
189 + gap: 10px;
190 + margin-bottom: 15px;
61 191 }
192 +/* When placed next to the "Add widget" button (Dashboard > Widgets), the
193 + parent .wpsc-actions-btn-setting already handles spacing/alignment. */
194 +.wpsc-actions-btn-setting .wpsc-setting-cards-toggle-all {
195 + width: auto;
196 + margin-bottom: 0;
197 +}
198 +.wpsc-setting-cards-toggle-all .wpsc-toggle-all-label {
199 + font-size: 13px;
200 + font-weight: 600;
201 +}
62 202
63 -.wpsc-flex-container > div {
64 - margin: 5px 0 5px 5px;
65 - padding: 3px;
66 - font-size: 12px;
203 +/* CF Option UI */
204 +.wpsc-option-item {
205 + display: flex;
206 + margin-bottom: 5px;
207 + padding: 5px 5px 0 5px;
208 + background-color: #dcdcdc;
209 + border-radius: 3px;
210 + box-sizing: border-box;
67 211 }
68 -
69 -.wpsc-sortable-handle,.wpsc-sortable-edit,.wpsc-sortable-delete,.wpsc-sortable-clone{
212 +.wpsc-option-item .content {
213 + display: flex;
214 + align-items: center;
215 + flex-wrap: wrap;
216 + flex-grow: 1;
217 +}
218 +.wpsc-option-item .remove-container {
219 + display: flex;
220 + align-items: center;
221 + padding-left: 5px;
222 +}
223 +.wpsc-add-option-container,
224 +.wpsc-edit-option-container,
225 +.wpsc-option-listing-container {
226 + display: flex;
227 + width: 100%;
228 + align-items: center;
229 +}
230 +.wpsc-option-item .remove-container svg,
231 +.wpsc-option-listing-container .edit svg {
232 + width: 16px;
233 + color: #c3c3c3;
70 234 cursor: pointer;
71 - width: 25px;
72 235 }
73 -
74 -.wpsc-sortable-label{
75 - width: 220px;
236 +.wpsc-option-item .remove-container svg:hover,
237 +.wpsc-option-listing-container .edit svg:hover {
238 + color: #665b5b;
76 239 }
77 -
78 -.wpsc_tag_td:hover{
79 - color: blue;
240 +.wpsc-option-item .content input,
241 +.wpsc-option-item .content button {
242 + margin-bottom: 5px;
243 +}
244 +.wpsc-option-item .content button {
245 + margin-left: 2px;
246 + width: 50px !important;
247 +}
248 +.wpsc-option-item .content button svg {
249 + height: 18px;
250 + color: #00b894;
251 +}
252 +.wpsc-option-listing-container {
253 + padding-bottom: 5px;
254 +}
255 +.wpsc-option-listing-container span {
256 + display: flex;
257 + align-items: center;
258 +}
259 +.wpsc-option-listing-container .sort svg {
260 + height: 16px;
261 + color: #665b5b;
80 262 cursor: pointer;
81 263 }
264 +.wpsc-option-listing-container .text {
265 + padding: 0 5px;
266 + flex-grow: 1;
267 + color: #665b5b;
268 +}
269 +.wpsc-edit-option-container button.cancel svg {
270 + color: #ff0000 !important;
271 +}
272 +.wpsc-input-group .checkboxes-group {
273 + width: 100%;
274 + display: flex;
275 + flex-wrap: wrap;
276 + align-items: center;
277 +}
278 +.wpsc-input-group .checkboxes-group .inner-group {
279 + width: 200px;
280 + display: flex;
281 + flex-wrap: wrap;
282 + align-items: center;
283 + margin: 0 10px 5px 0;
284 +}
285 +.wpsc-setting-filter-container {
286 + width: 100%;
287 + display: flex;
288 + flex-wrap: wrap;
289 + align-items: flex-end;
290 +}
291 +.wpsc-setting-filter-container .setting-filter-item {
292 + display: flex;
293 + flex-direction: column;
294 + margin: 0 5px 5px 0;
295 +}
296 +.wpsc-setting-filter-container .label {
297 + font-size: 12px;
298 + font-weight: 600;
299 +}
300 +.wpsc-setting-filter-container .select2-container {
301 + width: 200px !important;
302 +}
82 303
83 -/***
84 - * Filter display css start
85 - */
86 -.wpsp_filter_display_container{
87 - list-style-type: none !important;
88 - width: 100% !important;
89 - margin: 0 !important;
90 - float: left;
304 +/* Date range */
305 +.wpsc-date-range {
306 + display: flex;
91 307 }
92 -.wpsp_filter_display_element{
93 - max-width: 300px !important;
94 - float: left;
95 - margin: 3px 3px 3px 0 !important;
308 +.wpsc-date-range .wpsc-input-close-group {
309 + flex-grow: 1;
96 310 }
97 -.wpsp_filter_display_element .flex-container{
311 +
312 +/* Licenses */
313 +.wpsc-licenses-container {
98 314 display: flex;
99 - border-radius: 4px;
100 - background-color:#1E90FF;
101 - color:#fff;
102 - font-size: 10px;
315 + flex-wrap: wrap;
103 316 }
104 -.wpsp_filter_display_text{
105 - max-width: 280px !important;
106 - padding: 5px;
317 +.wpsc-licenses-container .license-container {
318 + display: flex;
319 + flex-direction: column;
320 + border: 1px solid #777;
321 + border-radius: 5px;
322 + margin: 0 15px 15px 0;
323 + padding: 10px;
324 + width: 300px;
325 + background-color: #fff;
107 326 }
108 -.wpsp_filter_display_remove{
109 - width: 20px !important;
110 - padding: 5px;
111 - cursor: pointer;
327 +.wpsc-licenses-container img {
328 + margin-bottom: 10px;
112 329 }
330 +.wpsc-licenses-container button {
331 + margin: 0 0 10px;
332 +}
333 +.wpsc-licenses-container input {
334 + margin: 0 0 5px;
335 +}
336 +.wpsc-licenses-container button {
337 + width: fit-content;
338 +}
339 +.wpsc-licenses-container p {
340 + margin: 0;
341 +}
342 +.wpsc-licenses-container p.expired {
343 + color: #ff0000;
344 +}
113 345
114 -/* Filter display end */
346 +/* Accordion */
347 +.wpsc-accordion {
348 + margin-bottom: 15px;
349 +}
115 350
116 -.wpsc_flex {
117 - display: flex !important;
351 +/* Documentation link */
352 +.wpsc-dock-container {
353 + padding: 10px;
354 + background-color: #f0f0f1;
355 + margin-bottom: 15px;
356 + border-radius: 3px;
118 357 }
119 358
120 -.wpsc-iso .ui-state-default{
121 - background-color: transparent !important;
359 +/* Recent Activity */
360 +.wpsc_recent_activities thead {
361 + display: none;
362 +}
363 +.wpsc_recent_activities {
364 + width: 100% !important;
122 365 border: none !important;
123 - background : none !important;
124 366 }
125 -
126 -.thread_messege p img{
127 - max-width: 100%;
128 - height: auto;
367 +.wpsc_recent_activities td {
368 + border: none !important;
369 + padding: 10px 0 10px 0 !important;
129 370 }
130 -
131 -.mce-window.mce-in, .mce-menu.mce-in.mce-animate{
132 - z-index: 900000000001 !important;;
371 +.wpsc_recent_activities td a {
372 + text-decoration: none !important;
133 373 }
134 -
135 -#wpsc_thankyou_html, #wpsc_en_body, #wpsc_agent_signature,#wpsc_sf_email_body,#wpsc_ct_warn_email_body,#wpsc_close_user_warn_email_body,#wpsc_atc_email_body{
136 - height: 200px !important;
374 +.wpsc-ra-user-details {
375 + display: flex;
376 + align-items: center;
137 377 }
138 -
139 -.wp-admin .wpsc-iso select{
140 - max-width:100% !important;
378 +.wpsc-ra-avatar img {
379 + -webkit-border-radius: 50%;
380 + -moz-border-radius: 50%;
381 + -ms-border-radius: 50%;
382 + -o-border-radius: 50%;
383 + border-radius: 50%;
384 + margin: 0px 10px 0px 0px;
141 385 }
142 -
143 -.wpsc-switch-editor{
144 - position: relative;
145 - top: 1px;
146 - background: #ebebeb;
147 - color: #666;
386 +.wpsc-ra-log-details {
387 + display: grid;
388 +}
389 +/* Customers list filter toolbar (Users / User Type / Search / Reset). */
390 +.wpsc-customers-toolbar {
391 + display: flex;
392 + gap: 8px;
393 + align-items: flex-end;
394 + flex-wrap: wrap;
395 + background: #fff;
396 + border: 1px solid #dcdcde;
397 + border-radius: 6px;
398 + padding: 16px;
399 + margin-bottom: 20px;
400 +}
401 +.wpsc-customers-toolbar-item {
402 + display: flex;
403 + flex-direction: column;
404 +}
405 +.wpsc-customers-toolbar-item label {
406 + font-size: 12px;
407 + color: #646970;
408 + margin-bottom: 6px;
409 + font-weight: 600;
410 +}
411 +.wpsc-customers-toolbar-item select,
412 +.wpsc-customers-toolbar-item input {
413 + min-width: 200px;
414 +}
415 +.wpsc-customers-toolbar-item .select2-container {
416 + min-width: 200px;
417 +}
418 +.wpsc-customers-toolbar-reset {
419 + flex: 1;
420 +}
421 +.wpsc-customers-toolbar-reset button {
422 + width: fit-content;
423 +}
424 +.wpsc-customers-toolbar-search input {
425 + width: 100%;
426 +}
427 +@media (max-width: 782px) {
428 + .wpsc-customers-toolbar-item,
429 + .wpsc-customers-toolbar-reset {
430 + width: 100%;
431 + }
432 + .wpsc-customers-toolbar-item select,
433 + .wpsc-customers-toolbar-item input {
434 + min-width: 0;
435 + width: 100%;
436 + }
437 +}
438 +/* Customers list "Name" column - avatar next to the customer's name. */
439 +.wpsc-cust-name-cell {
440 + display: flex;
441 + align-items: center;
442 +}
443 +.wpsc-cust-avatar img {
444 + border-radius: 50%;
445 + margin: 0px 10px 0px 0px;
446 +}
447 +/* Customer profile "Tickets" tab - whole row opens the ticket. */
448 +.my-profile-ticket-list .wpsc-cust-ticket-row {
148 449 cursor: pointer;
149 - font-size: 13px;
150 - line-height: 1.46153846;
151 - margin: 5px 0 0 5px;
152 - padding: 3px 8px 4px;
153 - border: 1px solid #e5e5e5;
154 - outline: 0;
155 450 }
451 +.my-profile-ticket-list .wpsc-cust-ticket-row:hover {
452 + background-color: #f5f5f5;
453 +}
454 +/* Customer profile "Custom fields" tab - empty state when there are none. */
455 +.wpsc-cust-cf-empty {
456 + padding: 20px;
457 + text-align: center;
458 + color: #646970;
459 +}
460 +.wpsc-ra-log-time {
461 + font-size: 10px;
462 +}
463 +.wpsc-ra-filter-container {
464 + background-color: #f5f5f5;
465 + padding: 10px 10px 0px;
466 +}
156 467
157 -.wpsc-switch-editor-active{
158 - background: #265a88;
159 - color: #fff !important;
160 -}
468 +/* Customer list */
469 +#wpsc-customer-list .dt-search,
470 +#wpsc-session-list .dt-search {
471 + display: none !important;
472 +}