| @@ -1,43 +1,10 @@ | ||
| 1 | 1 | .wp-core-ui .notice.is-dismissible { |
| 2 | 2 | z-index: 10000; |
| 3 | 3 | } |
| 4 | 4 | |
| 5 | -.mxchat-form-intent { | |
| 6 | - background-color: rgba(240, 240, 245, 0.5); | |
| 7 | -} | |
| 8 | 5 | |
| 9 | -.mxchat-badge { | |
| 10 | - display: inline-block; | |
| 11 | - padding: 2px 8px; | |
| 12 | - border-radius: 12px; | |
| 13 | - background: #7873f5; | |
| 14 | - color: white; | |
| 15 | - font-size: 12px; | |
| 16 | - margin-left: 8px; | |
| 17 | -} | |
| 18 | 6 | |
| 19 | -.mxchat-threshold-readonly { | |
| 20 | - padding: 8px; | |
| 21 | - background: rgba(120, 115, 245, 0.1); | |
| 22 | - border-radius: 4px; | |
| 23 | - text-align: center; | |
| 24 | -} | |
| 25 | - | |
| 26 | -.mxchat-form-intent .mxchat-button-secondary { | |
| 27 | - background: #7873f5; | |
| 28 | - color: white; | |
| 29 | - border: none; | |
| 30 | - padding: 6px 12px; | |
| 31 | - border-radius: 4px; | |
| 32 | - text-decoration: none; | |
| 33 | - display: inline-block; | |
| 34 | -} | |
| 35 | - | |
| 36 | -.mxchat-form-intent .mxchat-button-secondary:hover { | |
| 37 | - background: #6863e5; | |
| 38 | -} | |
| 39 | - | |
| 40 | 7 | /* Tab Navigation */ |
| 41 | 8 | .mxchat-tabs { |
| 42 | 9 | border-bottom: 1px solid #ccc; |
| 43 | 10 | margin-bottom: 20px; |
| @@ -971,8 +938,25 @@ | ||
| 971 | 938 | justify-content: center; |
| 972 | 939 | align-items: center; |
| 973 | 940 | } |
| 974 | 941 | |
| 942 | +#mxchat-intent-loading { | |
| 943 | + border: 8px solid #f3f3f3; | |
| 944 | + border-top: 8px solid #333; | |
| 945 | + border-radius: 50%; | |
| 946 | + width: 30px; | |
| 947 | + height: 30px; | |
| 948 | + animation: mxchat-spin 1s linear infinite; | |
| 949 | + display: inline-block; /* Display as inline for better alignment */ | |
| 950 | + margin-left: 10px; | |
| 951 | + vertical-align: middle; | |
| 952 | +} | |
| 953 | + | |
| 954 | +#mxchat-intent-loading-text { | |
| 955 | + display: none; | |
| 956 | + margin-top: 10px; | |
| 957 | + color: #333; | |
| 958 | +} | |
| 975 | 959 | |
| 976 | 960 | #mxchat-activation-spinner { |
| 977 | 961 | border: 4px solid #f3f3f3; |
| 978 | 962 | border-top: 4px solid #007cba; /* Match the WordPress primary button color */ |
