|
1 | 1 | /*!
|
2 |
| - * froala_editor v4.5.1 (https://www.froala.com/wysiwyg-editor) |
| 2 | + * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor) |
3 | 3 | * License https://froala.com/wysiwyg-editor/terms/
|
4 | 4 | * Copyright 2014-2025 Froala Labs
|
5 | 5 | */
|
@@ -3144,6 +3144,229 @@ body.fr-fullscreen .fs-transforms-container {
|
3144 | 3144 | clip: rect(0, 0, 0, 0);
|
3145 | 3145 | border: 0; }
|
3146 | 3146 |
|
| 3147 | +.fr-find-replace-layer .fr-header, .fr-find-replace-layer .fr-body { |
| 3148 | + margin: 15px; } |
| 3149 | +.fr-find-replace-layer .fr-drag-handle { |
| 3150 | + cursor: move; } |
| 3151 | +.fr-find-replace-layer h3 { |
| 3152 | + margin: 0; |
| 3153 | + font-size: 16px; |
| 3154 | + text-align: left; |
| 3155 | + font-weight: bold; } |
| 3156 | +.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled { |
| 3157 | + background-color: #f5f5f5; |
| 3158 | + color: #a9a9a9; |
| 3159 | + border: 1px solid #d1d1d1; |
| 3160 | + cursor: not-allowed; } |
| 3161 | +.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder, |
| 3162 | +.fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder { |
| 3163 | + color: #a9a9a9; } |
| 3164 | +.fr-find-replace-layer .fr-body .fr-label-disabled { |
| 3165 | + background-color: #f5f5f5; } |
| 3166 | +.fr-find-replace-layer .fr-body .fr-close-btn { |
| 3167 | + position: absolute; |
| 3168 | + top: 2px; |
| 3169 | + right: 10px; |
| 3170 | + font-size: 25px; |
| 3171 | + background: none; |
| 3172 | + border: none; |
| 3173 | + cursor: pointer; |
| 3174 | + color: #333; } |
| 3175 | +.fr-find-replace-layer .fr-body .fr-close-btn:hover { |
| 3176 | + color: grey; } |
| 3177 | +.fr-find-replace-layer .fr-body .fr-toggle-advanced-options { |
| 3178 | + display: flex; |
| 3179 | + align-items: center; |
| 3180 | + justify-content: space-between; |
| 3181 | + padding: 10px 0px; |
| 3182 | + background-color: #f5f5f5; |
| 3183 | + border-radius: 4px; |
| 3184 | + cursor: pointer; |
| 3185 | + font-weight: bold; |
| 3186 | + transition: background-color 0.3s ease; |
| 3187 | + width: auto; |
| 3188 | + background: none; |
| 3189 | + color: #353333; } |
| 3190 | +.fr-find-replace-layer .fr-body .fr-separator { |
| 3191 | + margin: 10px 0; |
| 3192 | + border-top: 1px solid #e0e0e0; } |
| 3193 | +.fr-find-replace-layer .fr-body input { |
| 3194 | + width: 70%; |
| 3195 | + padding: 8px; |
| 3196 | + margin-bottom: 10px; |
| 3197 | + font-size: 14px; |
| 3198 | + border: 1px solid #CCCCCC; |
| 3199 | + border-radius: 4px; } |
| 3200 | +.fr-find-replace-layer .fr-body .fr-input-container { |
| 3201 | + position: relative; |
| 3202 | + display: flex; |
| 3203 | + align-items: center; |
| 3204 | + width: 100%; |
| 3205 | + /* Ensures proper layout for container */ } |
| 3206 | +.fr-find-replace-layer .fr-body .fr-arrow-buttons { |
| 3207 | + display: flex; |
| 3208 | + flex-direction: row; |
| 3209 | + gap: 5px; |
| 3210 | + margin-left: 10px; |
| 3211 | + /* Add margin to separate from input field */ |
| 3212 | + margin-top: 3px; |
| 3213 | + /* Align with input field */ } |
| 3214 | + .fr-find-replace-layer .fr-body .fr-arrow-buttons button { |
| 3215 | + border: none; |
| 3216 | + background: none; |
| 3217 | + cursor: pointer; |
| 3218 | + padding: 2px 4px; |
| 3219 | + margin-bottom: 12px; |
| 3220 | + font-size: 12px; } |
| 3221 | + .fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled { |
| 3222 | + pointer-events: none; |
| 3223 | + cursor: not-allowed; |
| 3224 | + color: #a9a9a9; } |
| 3225 | +.fr-find-replace-layer .fr-body .fr-advanced-options { |
| 3226 | + margin-top: 10px; |
| 3227 | + font-size: 14px; |
| 3228 | + cursor: pointer; |
| 3229 | + color: #007bff; |
| 3230 | + text-decoration: underline; } |
| 3231 | +.fr-find-replace-layer .fr-body .fr-button-group { |
| 3232 | + display: flex; |
| 3233 | + gap: 10px; |
| 3234 | + justify-content: flex-end; |
| 3235 | + margin-top: 10px; } |
| 3236 | + .fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn { |
| 3237 | + background-color: #FFF; |
| 3238 | + color: #0098f7; |
| 3239 | + margin-top: 10px; |
| 3240 | + border: 1px solid #0098f7; } |
| 3241 | + .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn { |
| 3242 | + background-color: #FFF; |
| 3243 | + color: #0098f7; |
| 3244 | + font-size: 14px; |
| 3245 | + margin-top: 10px; } |
| 3246 | + .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled { |
| 3247 | + pointer-events: none; |
| 3248 | + cursor: not-allowed; |
| 3249 | + color: #a9a9a9; } |
| 3250 | + .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn { |
| 3251 | + background-color: #FFF; |
| 3252 | + color: #0098f7; |
| 3253 | + font-size: 14px; |
| 3254 | + margin-top: 10px; } |
| 3255 | + .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled { |
| 3256 | + pointer-events: none; |
| 3257 | + cursor: not-allowed; |
| 3258 | + color: #a9a9a9; } |
| 3259 | +.fr-find-replace-layer .fr-body button { |
| 3260 | + padding: 8px 12px; |
| 3261 | + font-size: 14px; |
| 3262 | + border: none; |
| 3263 | + border-radius: 4px; |
| 3264 | + cursor: pointer; } |
| 3265 | +.fr-find-replace-layer .fr-body .fr-input-container { |
| 3266 | + position: relative; |
| 3267 | + display: flex; |
| 3268 | + align-items: center; } |
| 3269 | +.fr-find-replace-layer .fr-body #fr-replaceText { |
| 3270 | + width: 77%; } |
| 3271 | +.fr-find-replace-layer .fr-body #fr-findText { |
| 3272 | + position: relative; |
| 3273 | + padding-right: 40px; |
| 3274 | + /* Create space for the count indicator */ |
| 3275 | + font-size: 14px; |
| 3276 | + border: 1px solid #CCCCCC; |
| 3277 | + border-radius: 4px; } |
| 3278 | +.fr-find-replace-layer .fr-body #fr-findText:focus { |
| 3279 | + border: 2px solid #0098f7; } |
| 3280 | +.fr-find-replace-layer .fr-body .fr-find-error { |
| 3281 | + color: #f70000; |
| 3282 | + font-size: 12px; |
| 3283 | + padding-bottom: 5px; |
| 3284 | + display: none; } |
| 3285 | +.fr-find-replace-layer .fr-body #fr-findText.error { |
| 3286 | + border-color: #f70000; } |
| 3287 | +.fr-find-replace-layer .fr-body .fr-count-indicator { |
| 3288 | + position: absolute; |
| 3289 | + right: 80px; |
| 3290 | + top: 49%; |
| 3291 | + /* Center vertically */ |
| 3292 | + transform: translateY(-50%); |
| 3293 | + color: gray; |
| 3294 | + font-size: 12px; |
| 3295 | + pointer-events: none; |
| 3296 | + visibility: hidden; |
| 3297 | + /* Hidden by default */ |
| 3298 | + z-index: 10; } |
| 3299 | +.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow { |
| 3300 | + font-size: 15px; |
| 3301 | + transition: transform 0.3s ease; |
| 3302 | + margin-right: 10px; |
| 3303 | + font-size: 14px; |
| 3304 | + margin-right: 4px; |
| 3305 | + margin-top: 2px; |
| 3306 | + font-weight: 100; } |
| 3307 | +.fr-find-replace-layer .fr-body .fr-advanced-options-panel { |
| 3308 | + border-radius: 4px; } |
| 3309 | + .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group { |
| 3310 | + display: flex; |
| 3311 | + margin-top: 10px; } |
| 3312 | + .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item { |
| 3313 | + position: relative; |
| 3314 | + display: inline-block; |
| 3315 | + height: 20px; } |
| 3316 | + .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item input[type="checkbox"] { |
| 3317 | + margin-left: 0; |
| 3318 | + margin-right: 0; |
| 3319 | + margin-top: 0; |
| 3320 | + position: inherit; |
| 3321 | + left: -5px; } |
| 3322 | + .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-label { |
| 3323 | + font-size: 14px; |
| 3324 | + display: flex; |
| 3325 | + flex-direction: column; |
| 3326 | + gap: 10px; |
| 3327 | + left: -10px; |
| 3328 | + position: relative; } |
| 3329 | +.fr-find-replace-layer .fr-body .fr-toggle-btn { |
| 3330 | + width: 40px; |
| 3331 | + height: 20px; |
| 3332 | + background-color: #CCCCCC; |
| 3333 | + border-radius: 10px; |
| 3334 | + position: relative; |
| 3335 | + cursor: pointer; |
| 3336 | + margin-right: 10px; |
| 3337 | + display: inline-block; |
| 3338 | + vertical-align: middle; } |
| 3339 | +.fr-find-replace-layer .fr-body .fr-arrow { |
| 3340 | + margin-right: 5px; |
| 3341 | + font-size: 12px; |
| 3342 | + margin-top: 1px; |
| 3343 | + position: absolute; |
| 3344 | + right: 15px; } |
| 3345 | +.fr-find-replace-layer .fr-body .fr-btn-active-popup { |
| 3346 | + background: #d6d6d6; } |
| 3347 | + |
| 3348 | +.fr-find-replace-highlight { |
| 3349 | + background-color: #ffff00; } |
| 3350 | + |
| 3351 | +.fr-find-replace-current-highlight { |
| 3352 | + background-color: #ffa500; } |
| 3353 | + |
| 3354 | +.fr-clearfix::after { |
| 3355 | + clear: both; |
| 3356 | + display: block; |
| 3357 | + content: ""; |
| 3358 | + height: 0; } |
| 3359 | + |
| 3360 | +.fr-hide-by-clipping { |
| 3361 | + position: absolute; |
| 3362 | + width: 1px; |
| 3363 | + height: 1px; |
| 3364 | + padding: 0; |
| 3365 | + margin: -1px; |
| 3366 | + overflow: hidden; |
| 3367 | + clip: rect(0, 0, 0, 0); |
| 3368 | + border: 0; } |
| 3369 | + |
3147 | 3370 | body.fr-fullscreen {
|
3148 | 3371 | overflow: hidden;
|
3149 | 3372 | height: 100%;
|
|
0 commit comments