PluginProbe
WANotifier for Forms and Actions / 2.1.3
WANotifier for Forms and Actions v2.1.3
3.1.1 3.1.0 3.0.4 2.7.10 2.7.11 2.7.12 2.7.13 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 3.0.0 3.0.1 3.0.2 3.0.3 trunk 0.1.0 0.1.1 1.0.0 1.0.1 1.0.2 All 67 releases
← All changes | assets/css/admin.css +256 -15 1.0.32.1.3 View file →
@@ -1,6 +1,4 @@
1 -.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
2 -
3 1 /**
4 2 * Breakpoints
5 3 */
6 4 /**
@@ -9,8 +7,12 @@
9 7 .hide {
10 8 display: none !important;
11 9 }
12 10
11 +.small {
12 + font-size: 85%;
13 +}
14 +
13 15 .d-block {
14 16 display: block !important;
15 17 }
16 18
@@ -92,8 +94,12 @@
92 94 .w-100 {
93 95 flex: 1 0 100%;
94 96 }
95 97
98 +.w-auto {
99 + width: auto !important;
100 +}
101 +
96 102 .rounded {
97 103 border-radius: 8px;
98 104 }
99 105
@@ -104,9 +110,9 @@
104 110 .p-20 {
105 111 padding: 20px;
106 112 }
107 113
108 -.truncate-string {
114 +.text-truncate {
109 115 display: block;
110 116 white-space: nowrap;
111 117 overflow: hidden;
112 118 text-overflow: ellipsis;
@@ -127,8 +133,16 @@
127 133 .ms-auto {
128 134 margin-left: auto;
129 135 }
130 136
137 +.mt-0 {
138 + margin-top: 0;
139 +}
140 +
141 +.mb-0 {
142 + margin-bottom: 0;
143 +}
144 +
131 145 .loader {
132 146 height: 100px;
133 147 background-size: 50px 50px;
134 148 background-repeat: no-repeat;
@@ -170,13 +184,14 @@
170 184 /* Meta Fields */
171 185 .meta-fields .form-field {
172 186 position: relative;
173 187 }
174 -.meta-fields .form-field label,
188 +.meta-fields .form-field label.form-label,
175 189 .meta-fields .form-field legend {
190 + font-size: 14px;
191 + font-weight: 500;
176 192 display: block;
177 193 margin-bottom: 5px;
178 - width: calc(100% - 20px);
179 194 }
180 195 .meta-fields .form-field label .limit-text {
181 196 float: right;
182 197 color: #999;
@@ -184,9 +199,9 @@
184 199 .meta-fields .form-field input[type=text],
185 200 .meta-fields .form-field input[type=password],
186 201 .meta-fields .form-field textarea,
187 202 .meta-fields .form-field select {
188 - width: calc(100% - 20px);
203 + width: 100%;
189 204 max-width: 100%;
190 205 }
191 206 @media screen and (max-width: 767px) {
192 207 .meta-fields .form-field input[type=text],
@@ -283,11 +298,70 @@
283 298 }
284 299
285 300 .notifier-notice {
286 301 margin-top: 20px;
287 - margin-left: 0px;
302 + margin-left: 0;
288 303 }
289 304
305 +table.wp-list-table {
306 + border: 1px solid #eee;
307 + box-shadow: none;
308 + border-radius: 8px;
309 +}
310 +table.wp-list-table thead td,
311 +table.wp-list-table thead th {
312 + padding-top: 5px !important;
313 + padding-bottom: 5px !important;
314 + border-bottom: 1px solid #eee;
315 +}
316 +table.wp-list-table tfoot td,
317 +table.wp-list-table tfoot th {
318 + padding-top: 5px !important;
319 + padding-bottom: 5px !important;
320 + border-top: 1px solid #eee;
321 +}
322 +
323 +.notifier-toggle-switch input[type=checkbox] {
324 + position: relative;
325 + -webkit-appearance: none;
326 + -moz-appearance: none;
327 + appearance: none;
328 + width: 32px;
329 + height: 16px;
330 + background: #ccc;
331 + border-radius: 40px;
332 + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
333 + cursor: pointer;
334 + transition: 0.2s;
335 + border: none;
336 + outline: none;
337 +}
338 +.notifier-toggle-switch input:checked[type=checkbox] {
339 + -webkit-appearance: none;
340 + -moz-appearance: none;
341 + appearance: none;
342 + background: #00c417;
343 +}
344 +.notifier-toggle-switch input[type=checkbox]::before {
345 + content: none;
346 +}
347 +.notifier-toggle-switch input[type=checkbox]::after {
348 + position: absolute;
349 + content: "";
350 + width: 16px;
351 + height: 16px;
352 + top: 0;
353 + left: 0;
354 + background: #fff;
355 + border-radius: 50%;
356 + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
357 + transform: scale(1.1);
358 + transition: 0.2s;
359 +}
360 +.notifier-toggle-switch input:checked[type=checkbox]::after {
361 + left: 50%;
362 +}
363 +
290 364 @media screen and (max-width: 767px) {
291 365 #notifier-admin-header {
292 366 padding-top: 46px;
293 367 }
@@ -303,8 +377,9 @@
303 377 display: flex;
304 378 align-content: center;
305 379 align-items: center;
306 380 justify-content: space-between;
381 + border-bottom: 1px solid #eee;
307 382 }
308 383 @media screen and (max-width: 767px) {
309 384 #notifier-admin-header .notifier-admin-header-content {
310 385 padding: 0 12px;
@@ -364,8 +439,9 @@
364 439 .onboarding {
365 440 max-width: 600px;
366 441 margin: 0 auto;
367 442 background: #fff;
443 + border-radius: 10px;
368 444 box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
369 445 }
370 446 .onboarding .onboarding-head {
371 447 padding: 20px;
@@ -373,9 +449,9 @@
373 449 }
374 450 .onboarding .onboarding-head h1,
375 451 .onboarding .onboarding-head h2,
376 452 .onboarding .onboarding-head h3 {
377 - margin-top: 0;
453 + margin: 0;
378 454 }
379 455 .onboarding .onboarding-head p {
380 456 margin-bottom: 0;
381 457 }
@@ -383,11 +459,15 @@
383 459 padding: 20px;
384 460 }
385 461 .onboarding .onboarding-body h1,
386 462 .onboarding .onboarding-body h2,
387 -.onboarding .onboarding-body h3 {
463 +.onboarding .onboarding-body h3,
464 +.onboarding .onboarding-body p:first-child {
388 465 margin-top: 0;
389 466 }
467 +.onboarding .onboarding-body p:last-child {
468 + margin-bottom: 0;
469 +}
390 470 .onboarding .onboarding-footer {
391 471 padding: 20px;
392 472 border-top: 1px solid #eee;
393 473 }
@@ -399,9 +479,8 @@
399 479 margin-right: -10px;
400 480 }
401 481 .dashboard-boxes .col {
402 482 padding: 0 10px;
403 - margin-bottom: 20px;
404 483 }
405 484 @media screen and (max-width: 992px) {
406 485 .dashboard-boxes > .col:not(.w-100) {
407 486 flex: 0 0 50% !important;
@@ -462,13 +541,15 @@
462 541 }
463 542 .dashboard-boxes .dashboard-box .dashboard-box-body table {
464 543 width: 100%;
465 544 }
466 -.dashboard-boxes .dashboard-box .dashboard-box-body table th, .dashboard-boxes .dashboard-box .dashboard-box-body table td {
545 +.dashboard-boxes .dashboard-box .dashboard-box-body table th,
546 +.dashboard-boxes .dashboard-box .dashboard-box-body table td {
467 547 text-align: left;
468 548 vertical-align: top;
469 549 }
470 -.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child, .dashboard-boxes .dashboard-box .dashboard-box-body table td:first-child {
550 +.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child,
551 +.dashboard-boxes .dashboard-box .dashboard-box-body table td:first-child {
471 552 width: 20%;
472 553 }
473 554 .dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker {
474 555 color: #ccc;
@@ -536,11 +617,11 @@
536 617 margin-top: -1px;
537 618 margin-left: -3px;
538 619 }
539 620 .notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label .notifier-show-trigger-info {
540 - border: 0px;
621 + border: 0;
541 622 background: none;
542 - padding: 0px;
623 + padding: 0;
543 624 cursor: pointer;
544 625 color: #aaa;
545 626 }
546 627 .notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-info {
@@ -546,12 +627,30 @@
546 627 .notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-info {
547 628 background: #f7f7f7;
548 629 padding: 10px;
549 630 margin-top: 10px;
550 - border: 1px solid #eeeeee;
631 + border: 1px solid #eee;
551 632 border-radius: 10px;
552 633 }
553 634
635 +.notifier-overview-image {
636 + float: right;
637 + display: inline-block;
638 +}
639 +.notifier-overview-image img {
640 + width: 100%;
641 + height: auto;
642 + max-width: 200px;
643 +}
644 +@media screen and (max-width: 767px) {
645 + .notifier-overview-image {
646 + float: none;
647 + }
648 + .notifier-overview-image img {
649 + max-width: none;
650 + }
651 +}
652 +
554 653 .notifier-settings-form-profile .notifier-profile-fields-right {
555 654 margin-left: 50px;
556 655 margin-top: 100px;
557 656 }
@@ -595,10 +694,152 @@
595 694 width: 100%;
596 695 padding: 0;
597 696 }
598 697 }
698 +.notifier-fields-table tr h3 {
699 + margin-bottom: 0px;
700 +}
701 +.notifier-fields-table tr .description {
702 + font-weight: normal;
703 +}
599 704 .notifier-fields-table input:not([type=button]),
600 705 .notifier-fields-table textarea,
601 706 .notifier-fields-table select {
602 707 width: 100%;
603 708 max-width: none;
709 +}
710 +.notifier-fields-table #notifier_ctc_enable {
711 + max-width: 16px;
712 + height: 16px;
713 +}
714 +
715 +.notifier-chat-btn-image-url {
716 + display: none;
717 +}
718 +
719 +.disabled-field {
720 + background: #fff !important;
721 + opacity: 0.5;
722 + pointer-events: none;
723 +}
724 +
725 +.post-type-wa_notifier_trigger #minor-publishing-actions #save-action,
726 +.post-type-wa_notifier_trigger #misc-publishing-actions {
727 + display: none;
728 +}
729 +.post-type-wa_notifier_trigger #minor-publishing-actions {
730 + padding: 15px 10px;
731 + text-align: left;
732 +}
733 +.post-type-wa_notifier_trigger .trigger-fields-wrap {
734 + margin: 1em 0;
735 +}
736 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags {
737 + margin-bottom: 5px;
738 +}
739 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap {
740 + padding: 10px 10px 5px 10px;
741 + border: 1px solid #8c8f94;
742 + border-radius: 3px;
743 +}
744 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
745 + flex-wrap: nowrap;
746 + margin-bottom: 10px;
747 +}
748 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags:last-child {
749 + margin-bottom: 0;
750 +}
751 +@media screen and (max-width: 767px) {
752 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
753 + flex-wrap: wrap;
754 + }
755 +}
756 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags legend.form-label {
757 + font-size: 13px;
758 + min-width: 120px;
759 + max-width: 120px;
760 + font-weight: 500;
761 + margin-bottom: 5px;
762 + margin-top: 1px;
763 +}
764 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
765 + flex-grow: 1;
766 +}
767 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
768 + display: inline-block;
769 + margin-bottom: 5px;
770 + width: 25%;
771 +}
772 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check .form-check-label {
773 + width: auto;
774 + display: block;
775 + white-space: nowrap;
776 + overflow: hidden;
777 + text-overflow: ellipsis;
778 +}
779 +@media screen and (max-width: 1440px) {
780 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
781 + width: 33.33%;
782 + }
783 +}
784 +@media screen and (max-width: 1024px) {
785 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
786 + width: 50%;
787 + }
788 +}
789 +@media screen and (max-width: 767px) {
790 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
791 + width: 100%;
792 + }
793 +}
794 +
795 +.notifier-click-to-chat-btn {
796 + position: fixed;
797 + bottom: 20px;
798 + right: 20px;
799 + cursor: pointer;
800 + z-index: 99999999;
801 +}
802 +.notifier-click-to-chat-btn a {
803 + text-decoration: none !important;
804 + display: inline-block;
805 + outline: none !important;
806 +}
807 +.notifier-click-to-chat-btn a:hover, .notifier-click-to-chat-btn a:focus {
808 + text-decoration: none !important;
809 +}
810 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a {
811 + display: flex;
812 + justify-content: center;
813 + align-items: center;
814 + background-color: #e4e4e4;
815 + color: #7f7d7d;
816 + padding: 0 12px;
817 + border-radius: 25px;
818 + font-size: 13px;
819 + line-height: 32px;
820 +}
821 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a {
822 + display: flex;
823 + padding: 0 2rem;
824 + letter-spacing: 0.5px;
825 + transition: 0.2s ease-out;
826 + text-align: center;
827 + justify-content: center;
828 + align-items: center;
829 + border-radius: 2px;
830 + height: 36px;
831 + line-height: 36px;
832 + vertical-align: middle;
833 + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
834 + box-sizing: inherit;
835 + background-color: #26a69a;
836 + color: #fff;
837 +}
838 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img {
839 + width: 100%;
840 + height: auto;
841 + max-width: 150px;
842 + max-height: 150px;
843 + -o-object-fit: cover;
844 + object-fit: cover;
604 845 }