avo 2.5.2.pre.1 → 2.5.2.pre.2
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of avo might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/Gemfile +2 -0
- data/Gemfile.lock +4 -1
- data/app/assets/builds/avo.css +727 -21
- data/app/assets/builds/avo.js +211 -122
- data/app/assets/builds/avo.js.map +3 -3
- data/app/assets/stylesheets/avo.css +2 -0
- data/app/assets/stylesheets/css/tags.css +16 -0
- data/app/components/avo/card_component.rb +0 -12
- data/app/components/avo/fields/tags_field/edit_component.html.erb +27 -0
- data/app/components/avo/fields/tags_field/edit_component.rb +4 -0
- data/app/components/avo/fields/tags_field/index_component.html.erb +14 -0
- data/app/components/avo/fields/tags_field/index_component.rb +7 -0
- data/app/components/avo/fields/tags_field/show_component.html.erb +7 -0
- data/app/components/avo/fields/tags_field/show_component.rb +11 -0
- data/app/components/avo/fields/tags_field/tag_component.html.erb +9 -0
- data/app/components/avo/fields/tags_field/tag_component.rb +11 -0
- data/app/components/avo/index/resource_table_component.html.erb +1 -1
- data/app/javascript/js/application.js +1 -1
- data/app/javascript/js/controllers/base_controller.js +22 -0
- data/app/javascript/js/controllers/fields/tags_field_controller.js +86 -0
- data/app/javascript/js/controllers/fields/tags_field_helpers.js +47 -0
- data/app/javascript/js/controllers.js +2 -0
- data/app/views/avo/dashboards/_chartkick_card.html.erb +1 -1
- data/app/views/avo/dashboards/_metric_card.html.erb +1 -1
- data/db/factories.rb +2 -0
- data/lib/avo/base_resource.rb +6 -0
- data/lib/avo/concerns/handles_field_args.rb +36 -0
- data/lib/avo/fields/base_field.rb +2 -1
- data/lib/avo/fields/tags_field.rb +82 -0
- data/lib/avo/hosts/record_host.rb +7 -0
- data/lib/avo/licensing/pro_license.rb +2 -1
- data/lib/avo/version.rb +1 -1
- data/lib/generators/avo/templates/cards/chartkick_card.tt +1 -1
- data/lib/generators/avo/templates/cards/chartkick_card_sample.tt +1 -1
- data/lib/generators/avo/templates/cards/metric_card.tt +1 -1
- data/lib/generators/avo/templates/cards/metric_card_sample.tt +1 -1
- data/lib/generators/avo/templates/locales/avo.en.yml +4 -0
- data/public/avo-assets/avo.css +727 -21
- data/public/avo-assets/avo.js +211 -122
- data/public/avo-assets/avo.js.map +3 -3
- metadata +17 -2
data/app/assets/builds/avo.css
CHANGED
@@ -3221,6 +3221,602 @@ body.dark,body[data-theme=dark]{
|
|
3221
3221
|
}
|
3222
3222
|
}
|
3223
3223
|
|
3224
|
+
:root{
|
3225
|
+
--tagify-dd-color-primary:rgb(53,149,246);
|
3226
|
+
--tagify-dd-bg-color:white
|
3227
|
+
}
|
3228
|
+
|
3229
|
+
.tagify{
|
3230
|
+
--tags-disabled-bg:#F1F1F1;
|
3231
|
+
--tags-border-color:#DDD;
|
3232
|
+
--tags-hover-border-color:#CCC;
|
3233
|
+
--tags-focus-border-color:#3595f6;
|
3234
|
+
--tag-bg:#E5E5E5;
|
3235
|
+
--tag-hover:#D3E2E2;
|
3236
|
+
--tag-text-color:black;
|
3237
|
+
--tag-text-color--edit:black;
|
3238
|
+
--tag-pad:0.3em 0.5em;
|
3239
|
+
--tag-inset-shadow-size:1.1em;
|
3240
|
+
--tag-invalid-color:#D39494;
|
3241
|
+
--tag-invalid-bg:rgba(211, 148, 148, 0.5);
|
3242
|
+
--tag-remove-bg:rgba(211, 148, 148, 0.3);
|
3243
|
+
--tag-remove-btn-color:black;
|
3244
|
+
--tag-remove-btn-bg:none;
|
3245
|
+
--tag-remove-btn-bg--hover:#c77777;
|
3246
|
+
--input-color:inherit;
|
3247
|
+
--tag--min-width:1ch;
|
3248
|
+
--tag--max-width:auto;
|
3249
|
+
--tag-hide-transition:0.3s;
|
3250
|
+
--placeholder-color:rgba(0, 0, 0, 0.4);
|
3251
|
+
--placeholder-color-focus:rgba(0, 0, 0, 0.25);
|
3252
|
+
--loader-size:.8em;
|
3253
|
+
--readonly-striped:1;
|
3254
|
+
display:flex;
|
3255
|
+
align-items:flex-start;
|
3256
|
+
flex-wrap:wrap;
|
3257
|
+
border:1px solid #ddd;
|
3258
|
+
border:1px solid var(--tags-border-color);
|
3259
|
+
padding:0;
|
3260
|
+
line-height:0;
|
3261
|
+
cursor:text;
|
3262
|
+
outline:0;
|
3263
|
+
position:relative;
|
3264
|
+
box-sizing:border-box;
|
3265
|
+
transition:.1s
|
3266
|
+
}
|
3267
|
+
|
3268
|
+
@keyframes tags--bump{
|
3269
|
+
30%{
|
3270
|
+
transform:scale(1.2)
|
3271
|
+
}
|
3272
|
+
}
|
3273
|
+
|
3274
|
+
@keyframes rotateLoader{
|
3275
|
+
to{
|
3276
|
+
transform:rotate(1turn)
|
3277
|
+
}
|
3278
|
+
}
|
3279
|
+
|
3280
|
+
.tagify:hover{
|
3281
|
+
border-color:#ccc;
|
3282
|
+
border-color:var(--tags-hover-border-color)
|
3283
|
+
}
|
3284
|
+
|
3285
|
+
.tagify.tagify--focus{
|
3286
|
+
transition:0s;
|
3287
|
+
border-color:#3595f6;
|
3288
|
+
border-color:var(--tags-focus-border-color)
|
3289
|
+
}
|
3290
|
+
|
3291
|
+
.tagify[disabled]{
|
3292
|
+
background:var(--tags-disabled-bg);
|
3293
|
+
filter:saturate(0);
|
3294
|
+
opacity:.5;
|
3295
|
+
pointer-events:none
|
3296
|
+
}
|
3297
|
+
|
3298
|
+
.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{
|
3299
|
+
pointer-events:none
|
3300
|
+
}
|
3301
|
+
|
3302
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){
|
3303
|
+
cursor:default
|
3304
|
+
}
|
3305
|
+
|
3306
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{
|
3307
|
+
visibility:hidden;
|
3308
|
+
width:0;
|
3309
|
+
margin:5px 0
|
3310
|
+
}
|
3311
|
+
|
3312
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{
|
3313
|
+
padding:.3em .5em;
|
3314
|
+
padding:var(--tag-pad)
|
3315
|
+
}
|
3316
|
+
|
3317
|
+
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{
|
3318
|
+
animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
|
3319
|
+
}
|
3320
|
+
|
3321
|
+
@keyframes readonlyStyles{
|
3322
|
+
0%{
|
3323
|
+
background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
|
3324
|
+
box-shadow:none;
|
3325
|
+
filter:brightness(.95)
|
3326
|
+
}
|
3327
|
+
}
|
3328
|
+
|
3329
|
+
.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{
|
3330
|
+
display:none
|
3331
|
+
}
|
3332
|
+
|
3333
|
+
.tagify--loading .tagify__input>br:last-child{
|
3334
|
+
display:none
|
3335
|
+
}
|
3336
|
+
|
3337
|
+
.tagify--loading .tagify__input::before{
|
3338
|
+
content:none
|
3339
|
+
}
|
3340
|
+
|
3341
|
+
.tagify--loading .tagify__input::after{
|
3342
|
+
vertical-align:middle;
|
3343
|
+
opacity:1;
|
3344
|
+
width:.7em;
|
3345
|
+
height:.7em;
|
3346
|
+
width:var(--loader-size);
|
3347
|
+
height:var(--loader-size);
|
3348
|
+
border:3px solid;
|
3349
|
+
border-color:#eee #bbb #888 transparent;
|
3350
|
+
border-radius:50%;
|
3351
|
+
animation:rotateLoader .4s infinite linear;
|
3352
|
+
content:""!important;
|
3353
|
+
margin:-2px 0 -2px .5em
|
3354
|
+
}
|
3355
|
+
|
3356
|
+
.tagify--loading .tagify__input:empty::after{
|
3357
|
+
margin-left:0
|
3358
|
+
}
|
3359
|
+
|
3360
|
+
.tagify+input,.tagify+textarea{
|
3361
|
+
position:absolute!important;
|
3362
|
+
left:-9999em!important;
|
3363
|
+
transform:scale(0)!important
|
3364
|
+
}
|
3365
|
+
|
3366
|
+
.tagify__tag{
|
3367
|
+
display:inline-flex;
|
3368
|
+
align-items:center;
|
3369
|
+
margin:5px 0 5px 5px;
|
3370
|
+
position:relative;
|
3371
|
+
z-index:1;
|
3372
|
+
outline:0;
|
3373
|
+
line-height:normal;
|
3374
|
+
cursor:default;
|
3375
|
+
transition:.13s ease-out
|
3376
|
+
}
|
3377
|
+
|
3378
|
+
.tagify__tag>div{
|
3379
|
+
vertical-align:top;
|
3380
|
+
box-sizing:border-box;
|
3381
|
+
max-width:100%;
|
3382
|
+
padding:.3em .5em;
|
3383
|
+
padding:var(--tag-pad,.3em .5em);
|
3384
|
+
color:#000;
|
3385
|
+
color:var(--tag-text-color,#000);
|
3386
|
+
line-height:inherit;
|
3387
|
+
border-radius:3px;
|
3388
|
+
white-space:nowrap;
|
3389
|
+
transition:.13s ease-out
|
3390
|
+
}
|
3391
|
+
|
3392
|
+
.tagify__tag>div>*{
|
3393
|
+
white-space:pre-wrap;
|
3394
|
+
overflow:hidden;
|
3395
|
+
text-overflow:ellipsis;
|
3396
|
+
display:inline-block;
|
3397
|
+
vertical-align:top;
|
3398
|
+
min-width:1ch;
|
3399
|
+
max-width:auto;
|
3400
|
+
min-width:var(--tag--min-width,1ch);
|
3401
|
+
max-width:var(--tag--max-width,auto);
|
3402
|
+
transition:.8s ease,.1s color
|
3403
|
+
}
|
3404
|
+
|
3405
|
+
.tagify__tag>div>[contenteditable]{
|
3406
|
+
outline:0;
|
3407
|
+
-webkit-user-select:text;
|
3408
|
+
user-select:text;
|
3409
|
+
cursor:text;
|
3410
|
+
margin:-2px;
|
3411
|
+
padding:2px;
|
3412
|
+
max-width:350px
|
3413
|
+
}
|
3414
|
+
|
3415
|
+
.tagify__tag>div::before{
|
3416
|
+
content:"";
|
3417
|
+
position:absolute;
|
3418
|
+
border-radius:inherit;
|
3419
|
+
left:0;
|
3420
|
+
top:0;
|
3421
|
+
right:0;
|
3422
|
+
bottom:0;
|
3423
|
+
z-index:-1;
|
3424
|
+
pointer-events:none;
|
3425
|
+
transition:120ms ease;
|
3426
|
+
animation:tags--bump .3s ease-out 1;
|
3427
|
+
box-shadow:0 0 0 1.1em #e5e5e5 inset;
|
3428
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
|
3429
|
+
}
|
3430
|
+
|
3431
|
+
.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
|
3432
|
+
top:-2px;
|
3433
|
+
right:-2px;
|
3434
|
+
bottom:-2px;
|
3435
|
+
left:-2px;
|
3436
|
+
box-shadow:0 0 0 1.1em #d3e2e2 inset;
|
3437
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
|
3438
|
+
}
|
3439
|
+
|
3440
|
+
.tagify__tag--loading{
|
3441
|
+
pointer-events:none
|
3442
|
+
}
|
3443
|
+
|
3444
|
+
.tagify__tag--loading .tagify__tag__removeBtn{
|
3445
|
+
display:none
|
3446
|
+
}
|
3447
|
+
|
3448
|
+
.tagify__tag--loading::after{
|
3449
|
+
--loader-size:.4em;
|
3450
|
+
content:"";
|
3451
|
+
vertical-align:middle;
|
3452
|
+
opacity:1;
|
3453
|
+
width:.7em;
|
3454
|
+
height:.7em;
|
3455
|
+
width:var(--loader-size);
|
3456
|
+
height:var(--loader-size);
|
3457
|
+
border:3px solid;
|
3458
|
+
border-color:#eee #bbb #888 transparent;
|
3459
|
+
border-radius:50%;
|
3460
|
+
animation:rotateLoader .4s infinite linear;
|
3461
|
+
margin:0 .5em 0 -.1em
|
3462
|
+
}
|
3463
|
+
|
3464
|
+
.tagify__tag--flash div::before{
|
3465
|
+
animation:none
|
3466
|
+
}
|
3467
|
+
|
3468
|
+
.tagify__tag--hide{
|
3469
|
+
width:0!important;
|
3470
|
+
padding-left:0;
|
3471
|
+
padding-right:0;
|
3472
|
+
margin-left:0;
|
3473
|
+
margin-right:0;
|
3474
|
+
opacity:0;
|
3475
|
+
transform:scale(0);
|
3476
|
+
transition:.3s;
|
3477
|
+
transition:var(--tag-hide-transition,.3s);
|
3478
|
+
pointer-events:none
|
3479
|
+
}
|
3480
|
+
|
3481
|
+
.tagify__tag--hide>div>*{
|
3482
|
+
white-space:nowrap
|
3483
|
+
}
|
3484
|
+
|
3485
|
+
.tagify__tag.tagify--noAnim>div::before{
|
3486
|
+
animation:none
|
3487
|
+
}
|
3488
|
+
|
3489
|
+
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{
|
3490
|
+
opacity:.5
|
3491
|
+
}
|
3492
|
+
|
3493
|
+
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
|
3494
|
+
box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;
|
3495
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
|
3496
|
+
transition:.2s
|
3497
|
+
}
|
3498
|
+
|
3499
|
+
.tagify__tag[readonly] .tagify__tag__removeBtn{
|
3500
|
+
display:none
|
3501
|
+
}
|
3502
|
+
|
3503
|
+
.tagify__tag[readonly]>div::before{
|
3504
|
+
animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
|
3505
|
+
}
|
3506
|
+
|
3507
|
+
@keyframes readonlyStyles{
|
3508
|
+
0%{
|
3509
|
+
background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
|
3510
|
+
box-shadow:none;
|
3511
|
+
filter:brightness(.95)
|
3512
|
+
}
|
3513
|
+
}
|
3514
|
+
|
3515
|
+
.tagify__tag--editable>div{
|
3516
|
+
color:#000;
|
3517
|
+
color:var(--tag-text-color--edit,#000)
|
3518
|
+
}
|
3519
|
+
|
3520
|
+
.tagify__tag--editable>div::before{
|
3521
|
+
box-shadow:0 0 0 2px #d3e2e2 inset!important;
|
3522
|
+
box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
|
3523
|
+
}
|
3524
|
+
|
3525
|
+
.tagify__tag--editable>.tagify__tag__removeBtn{
|
3526
|
+
pointer-events:none
|
3527
|
+
}
|
3528
|
+
|
3529
|
+
.tagify__tag--editable>.tagify__tag__removeBtn::after{
|
3530
|
+
opacity:0;
|
3531
|
+
transform:translateX(100%) translateX(5px)
|
3532
|
+
}
|
3533
|
+
|
3534
|
+
.tagify__tag--editable.tagify--invalid>div::before{
|
3535
|
+
box-shadow:0 0 0 2px #d39494 inset!important;
|
3536
|
+
box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
|
3537
|
+
}
|
3538
|
+
|
3539
|
+
.tagify__tag__removeBtn{
|
3540
|
+
order:5;
|
3541
|
+
display:inline-flex;
|
3542
|
+
align-items:center;
|
3543
|
+
justify-content:center;
|
3544
|
+
border-radius:50px;
|
3545
|
+
cursor:pointer;
|
3546
|
+
font:14px/1 Arial;
|
3547
|
+
background:0 0;
|
3548
|
+
background:var(--tag-remove-btn-bg,none);
|
3549
|
+
color:#000;
|
3550
|
+
color:var(--tag-remove-btn-color,#000);
|
3551
|
+
width:14px;
|
3552
|
+
height:14px;
|
3553
|
+
margin-right:4.6666666667px;
|
3554
|
+
margin-left:auto;
|
3555
|
+
overflow:hidden;
|
3556
|
+
transition:.2s ease-out
|
3557
|
+
}
|
3558
|
+
|
3559
|
+
.tagify__tag__removeBtn::after{
|
3560
|
+
content:"×";
|
3561
|
+
transition:.3s,color 0s
|
3562
|
+
}
|
3563
|
+
|
3564
|
+
.tagify__tag__removeBtn:hover{
|
3565
|
+
color:#fff;
|
3566
|
+
background:#c77777;
|
3567
|
+
background:var(--tag-remove-btn-bg--hover,#c77777)
|
3568
|
+
}
|
3569
|
+
|
3570
|
+
.tagify__tag__removeBtn:hover+div>span{
|
3571
|
+
opacity:.5
|
3572
|
+
}
|
3573
|
+
|
3574
|
+
.tagify__tag__removeBtn:hover+div::before{
|
3575
|
+
box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;
|
3576
|
+
box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
|
3577
|
+
transition:box-shadow .2s
|
3578
|
+
}
|
3579
|
+
|
3580
|
+
.tagify:not(.tagify--mix) .tagify__input br{
|
3581
|
+
display:none
|
3582
|
+
}
|
3583
|
+
|
3584
|
+
.tagify:not(.tagify--mix) .tagify__input *{
|
3585
|
+
display:inline;
|
3586
|
+
white-space:nowrap
|
3587
|
+
}
|
3588
|
+
|
3589
|
+
.tagify__input{
|
3590
|
+
flex-grow:1;
|
3591
|
+
display:inline-block;
|
3592
|
+
min-width:110px;
|
3593
|
+
margin:5px;
|
3594
|
+
padding:.3em .5em;
|
3595
|
+
padding:var(--tag-pad,.3em .5em);
|
3596
|
+
line-height:normal;
|
3597
|
+
position:relative;
|
3598
|
+
white-space:pre-wrap;
|
3599
|
+
color:inherit;
|
3600
|
+
color:var(--input-color,inherit);
|
3601
|
+
box-sizing:inherit
|
3602
|
+
}
|
3603
|
+
|
3604
|
+
.tagify__input:focus{
|
3605
|
+
outline:0
|
3606
|
+
}
|
3607
|
+
|
3608
|
+
.tagify__input:focus::before{
|
3609
|
+
transition:.2s ease-out;
|
3610
|
+
opacity:0;
|
3611
|
+
transform:translatex(6px)
|
3612
|
+
}
|
3613
|
+
|
3614
|
+
@supports (-ms-ime-align:auto){
|
3615
|
+
.tagify__input:focus::before{
|
3616
|
+
display:none
|
3617
|
+
}
|
3618
|
+
}
|
3619
|
+
|
3620
|
+
.tagify__input:focus:empty::before{
|
3621
|
+
transition:.2s ease-out;
|
3622
|
+
opacity:1;
|
3623
|
+
transform:none;
|
3624
|
+
color:rgba(0,0,0,.25);
|
3625
|
+
color:var(--placeholder-color-focus)
|
3626
|
+
}
|
3627
|
+
|
3628
|
+
@-moz-document url-prefix(){
|
3629
|
+
.tagify__input:focus:empty::after{
|
3630
|
+
display:none
|
3631
|
+
}
|
3632
|
+
}
|
3633
|
+
|
3634
|
+
.tagify__input::before{
|
3635
|
+
content:attr(data-placeholder);
|
3636
|
+
height:1em;
|
3637
|
+
line-height:1em;
|
3638
|
+
margin:auto 0;
|
3639
|
+
z-index:1;
|
3640
|
+
color:rgba(0,0,0,.4);
|
3641
|
+
color:var(--placeholder-color);
|
3642
|
+
white-space:nowrap;
|
3643
|
+
pointer-events:none;
|
3644
|
+
opacity:0;
|
3645
|
+
position:absolute
|
3646
|
+
}
|
3647
|
+
|
3648
|
+
.tagify__input::after{
|
3649
|
+
content:attr(data-suggest);
|
3650
|
+
display:inline-block;
|
3651
|
+
white-space:pre;
|
3652
|
+
color:#000;
|
3653
|
+
opacity:.3;
|
3654
|
+
pointer-events:none;
|
3655
|
+
max-width:100px
|
3656
|
+
}
|
3657
|
+
|
3658
|
+
.tagify__input .tagify__tag{
|
3659
|
+
margin:0 1px
|
3660
|
+
}
|
3661
|
+
|
3662
|
+
.tagify--mix{
|
3663
|
+
display:block
|
3664
|
+
}
|
3665
|
+
|
3666
|
+
.tagify--mix .tagify__input{
|
3667
|
+
padding:5px;
|
3668
|
+
margin:0;
|
3669
|
+
width:100%;
|
3670
|
+
height:100%;
|
3671
|
+
line-height:1.5;
|
3672
|
+
display:block
|
3673
|
+
}
|
3674
|
+
|
3675
|
+
.tagify--mix .tagify__input::before{
|
3676
|
+
height:auto;
|
3677
|
+
display:none;
|
3678
|
+
line-height:inherit
|
3679
|
+
}
|
3680
|
+
|
3681
|
+
.tagify--mix .tagify__input::after{
|
3682
|
+
content:none
|
3683
|
+
}
|
3684
|
+
|
3685
|
+
.tagify--select::after{
|
3686
|
+
content:">";
|
3687
|
+
opacity:.5;
|
3688
|
+
position:absolute;
|
3689
|
+
top:50%;
|
3690
|
+
right:0;
|
3691
|
+
bottom:0;
|
3692
|
+
font:16px monospace;
|
3693
|
+
line-height:8px;
|
3694
|
+
height:8px;
|
3695
|
+
pointer-events:none;
|
3696
|
+
transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
|
3697
|
+
transition:.2s ease-in-out
|
3698
|
+
}
|
3699
|
+
|
3700
|
+
.tagify--select[aria-expanded=true]::after{
|
3701
|
+
transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
|
3702
|
+
}
|
3703
|
+
|
3704
|
+
.tagify--select .tagify__tag{
|
3705
|
+
position:absolute;
|
3706
|
+
top:0;
|
3707
|
+
right:1.8em;
|
3708
|
+
bottom:0
|
3709
|
+
}
|
3710
|
+
|
3711
|
+
.tagify--select .tagify__tag div{
|
3712
|
+
display:none
|
3713
|
+
}
|
3714
|
+
|
3715
|
+
.tagify--select .tagify__input{
|
3716
|
+
width:100%
|
3717
|
+
}
|
3718
|
+
|
3719
|
+
.tagify--empty .tagify__input::before{
|
3720
|
+
transition:.2s ease-out;
|
3721
|
+
opacity:1;
|
3722
|
+
transform:none;
|
3723
|
+
display:inline-block;
|
3724
|
+
width:auto
|
3725
|
+
}
|
3726
|
+
|
3727
|
+
.tagify--mix .tagify--empty .tagify__input::before{
|
3728
|
+
display:inline-block
|
3729
|
+
}
|
3730
|
+
|
3731
|
+
.tagify--invalid{
|
3732
|
+
--tags-border-color:#D39494
|
3733
|
+
}
|
3734
|
+
|
3735
|
+
.tagify__dropdown{
|
3736
|
+
position:absolute;
|
3737
|
+
z-index:9999;
|
3738
|
+
transform:translateY(1px);
|
3739
|
+
overflow:hidden
|
3740
|
+
}
|
3741
|
+
|
3742
|
+
.tagify__dropdown[placement=top]{
|
3743
|
+
margin-top:0;
|
3744
|
+
transform:translateY(-100%)
|
3745
|
+
}
|
3746
|
+
|
3747
|
+
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{
|
3748
|
+
border-top-width:1.1px;
|
3749
|
+
border-bottom-width:0
|
3750
|
+
}
|
3751
|
+
|
3752
|
+
.tagify__dropdown[position=text]{
|
3753
|
+
box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
|
3754
|
+
font-size:.9em
|
3755
|
+
}
|
3756
|
+
|
3757
|
+
.tagify__dropdown[position=text] .tagify__dropdown__wrapper{
|
3758
|
+
border-width:1px
|
3759
|
+
}
|
3760
|
+
|
3761
|
+
.tagify__dropdown__wrapper{
|
3762
|
+
max-height:300px;
|
3763
|
+
overflow:auto;
|
3764
|
+
background:#fff;
|
3765
|
+
background:var(--tagify-dd-bg-color);
|
3766
|
+
border:1px solid #3595f6;
|
3767
|
+
border-color:var(--tagify-dd-color-primary);
|
3768
|
+
border-bottom-width:1.33px;
|
3769
|
+
border-top-width:0;
|
3770
|
+
box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
|
3771
|
+
transition:.25s cubic-bezier(0,1,.5,1)
|
3772
|
+
}
|
3773
|
+
|
3774
|
+
.tagify__dropdown__header:empty{
|
3775
|
+
display:none
|
3776
|
+
}
|
3777
|
+
|
3778
|
+
.tagify__dropdown__footer{
|
3779
|
+
display:inline-block;
|
3780
|
+
margin-top:.5em;
|
3781
|
+
padding:.3em .5em;
|
3782
|
+
font-size:.7em;
|
3783
|
+
font-style:italic;
|
3784
|
+
opacity:.5
|
3785
|
+
}
|
3786
|
+
|
3787
|
+
.tagify__dropdown__footer:empty{
|
3788
|
+
display:none
|
3789
|
+
}
|
3790
|
+
|
3791
|
+
.tagify__dropdown--initial .tagify__dropdown__wrapper{
|
3792
|
+
max-height:20px;
|
3793
|
+
transform:translateY(-1em)
|
3794
|
+
}
|
3795
|
+
|
3796
|
+
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{
|
3797
|
+
transform:translateY(2em)
|
3798
|
+
}
|
3799
|
+
|
3800
|
+
.tagify__dropdown__item{
|
3801
|
+
box-sizing:inherit;
|
3802
|
+
padding:.3em .5em;
|
3803
|
+
margin:1px;
|
3804
|
+
cursor:pointer;
|
3805
|
+
border-radius:2px;
|
3806
|
+
position:relative;
|
3807
|
+
outline:0
|
3808
|
+
}
|
3809
|
+
|
3810
|
+
.tagify__dropdown__item--active{
|
3811
|
+
background:#3595f6;
|
3812
|
+
background:var(--tagify-dd-color-primary);
|
3813
|
+
color:#fff
|
3814
|
+
}
|
3815
|
+
|
3816
|
+
.tagify__dropdown__item:active{
|
3817
|
+
filter:brightness(105%)
|
3818
|
+
}
|
3819
|
+
|
3224
3820
|
/*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
|
3225
3821
|
*/
|
3226
3822
|
|
@@ -4575,6 +5171,24 @@ input[type=file][data-direct-upload-url][disabled] {
|
|
4575
5171
|
}
|
4576
5172
|
}
|
4577
5173
|
|
5174
|
+
tags.tagify {
|
5175
|
+
--tag-inset-shadow-size: 3em;
|
5176
|
+
padding:0px !important;
|
5177
|
+
}
|
5178
|
+
|
5179
|
+
tags.tagify span.tagify__input{
|
5180
|
+
margin-top:0.25rem;
|
5181
|
+
margin-bottom:0.25rem
|
5182
|
+
}
|
5183
|
+
|
5184
|
+
tag.tagify__tag{
|
5185
|
+
margin-top:0.25rem;
|
5186
|
+
margin-bottom:0.25rem;
|
5187
|
+
margin-bottom:0px;
|
5188
|
+
font-size:0.875rem;
|
5189
|
+
line-height:1.25rem
|
5190
|
+
}
|
5191
|
+
|
4578
5192
|
.spinner {
|
4579
5193
|
width: 16px;
|
4580
5194
|
height: 16px;
|
@@ -5529,6 +6143,46 @@ progress[value]::-moz-progress-bar{
|
|
5529
6143
|
background-color:rgb(22 163 74 / var(--tw-bg-opacity))
|
5530
6144
|
}
|
5531
6145
|
|
6146
|
+
.container{
|
6147
|
+
width:100%
|
6148
|
+
}
|
6149
|
+
|
6150
|
+
@media (min-width: 495px){
|
6151
|
+
.container{
|
6152
|
+
max-width:495px
|
6153
|
+
}
|
6154
|
+
}
|
6155
|
+
|
6156
|
+
@media (min-width: 640px){
|
6157
|
+
.container{
|
6158
|
+
max-width:640px
|
6159
|
+
}
|
6160
|
+
}
|
6161
|
+
|
6162
|
+
@media (min-width: 768px){
|
6163
|
+
.container{
|
6164
|
+
max-width:768px
|
6165
|
+
}
|
6166
|
+
}
|
6167
|
+
|
6168
|
+
@media (min-width: 1024px){
|
6169
|
+
.container{
|
6170
|
+
max-width:1024px
|
6171
|
+
}
|
6172
|
+
}
|
6173
|
+
|
6174
|
+
@media (min-width: 1280px){
|
6175
|
+
.container{
|
6176
|
+
max-width:1280px
|
6177
|
+
}
|
6178
|
+
}
|
6179
|
+
|
6180
|
+
@media (min-width: 1536px){
|
6181
|
+
.container{
|
6182
|
+
max-width:1536px
|
6183
|
+
}
|
6184
|
+
}
|
6185
|
+
|
5532
6186
|
.prose{
|
5533
6187
|
color:var(--tw-prose-body);
|
5534
6188
|
max-width:65ch;
|
@@ -6330,6 +6984,11 @@ progress[value]::-moz-progress-bar{
|
|
6330
6984
|
margin-bottom:1rem
|
6331
6985
|
}
|
6332
6986
|
|
6987
|
+
.my-\[2px\]{
|
6988
|
+
margin-top:2px;
|
6989
|
+
margin-bottom:2px
|
6990
|
+
}
|
6991
|
+
|
6333
6992
|
.my-1{
|
6334
6993
|
margin-top:0.25rem;
|
6335
6994
|
margin-bottom:0.25rem
|
@@ -6642,6 +7301,14 @@ progress[value]::-moz-progress-bar{
|
|
6642
7301
|
width:83.333333%
|
6643
7302
|
}
|
6644
7303
|
|
7304
|
+
.w-8{
|
7305
|
+
width:2rem
|
7306
|
+
}
|
7307
|
+
|
7308
|
+
.w-1\/2{
|
7309
|
+
width:50%
|
7310
|
+
}
|
7311
|
+
|
6645
7312
|
.w-0{
|
6646
7313
|
width:0px
|
6647
7314
|
}
|
@@ -6666,10 +7333,6 @@ progress[value]::-moz-progress-bar{
|
|
6666
7333
|
width:2.5rem
|
6667
7334
|
}
|
6668
7335
|
|
6669
|
-
.w-1\/2{
|
6670
|
-
width:50%
|
6671
|
-
}
|
6672
|
-
|
6673
7336
|
.w-\[1\%\]{
|
6674
7337
|
width:1%
|
6675
7338
|
}
|
@@ -6750,14 +7413,14 @@ progress[value]::-moz-progress-bar{
|
|
6750
7413
|
cursor:pointer
|
6751
7414
|
}
|
6752
7415
|
|
6753
|
-
.cursor-wait{
|
6754
|
-
cursor:wait
|
6755
|
-
}
|
6756
|
-
|
6757
7416
|
.cursor-not-allowed{
|
6758
7417
|
cursor:not-allowed
|
6759
7418
|
}
|
6760
7419
|
|
7420
|
+
.cursor-wait{
|
7421
|
+
cursor:wait
|
7422
|
+
}
|
7423
|
+
|
6761
7424
|
.appearance-none{
|
6762
7425
|
-webkit-appearance:none;
|
6763
7426
|
appearance:none
|
@@ -6775,6 +7438,10 @@ progress[value]::-moz-progress-bar{
|
|
6775
7438
|
flex-direction:column
|
6776
7439
|
}
|
6777
7440
|
|
7441
|
+
.flex-wrap{
|
7442
|
+
flex-wrap:wrap
|
7443
|
+
}
|
7444
|
+
|
6778
7445
|
.flex-nowrap{
|
6779
7446
|
flex-wrap:nowrap
|
6780
7447
|
}
|
@@ -6843,6 +7510,10 @@ progress[value]::-moz-progress-bar{
|
|
6843
7510
|
gap:0.75rem
|
6844
7511
|
}
|
6845
7512
|
|
7513
|
+
.gap-1{
|
7514
|
+
gap:0.25rem
|
7515
|
+
}
|
7516
|
+
|
6846
7517
|
.space-y-2 > :not([hidden]) ~ :not([hidden]){
|
6847
7518
|
--tw-space-y-reverse:0;
|
6848
7519
|
margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
@@ -6980,14 +7651,18 @@ progress[value]::-moz-progress-bar{
|
|
6980
7651
|
border-radius:0.5rem
|
6981
7652
|
}
|
6982
7653
|
|
6983
|
-
.rounded-xl{
|
6984
|
-
border-radius:1rem
|
6985
|
-
}
|
6986
|
-
|
6987
7654
|
.rounded-full{
|
6988
7655
|
border-radius:9999px
|
6989
7656
|
}
|
6990
7657
|
|
7658
|
+
.\!rounded-none{
|
7659
|
+
border-radius:0px !important
|
7660
|
+
}
|
7661
|
+
|
7662
|
+
.rounded-xl{
|
7663
|
+
border-radius:1rem
|
7664
|
+
}
|
7665
|
+
|
6991
7666
|
.rounded-r-md{
|
6992
7667
|
border-top-right-radius:0.375rem;
|
6993
7668
|
border-bottom-right-radius:0.375rem
|
@@ -7020,14 +7695,26 @@ progress[value]::-moz-progress-bar{
|
|
7020
7695
|
border-bottom-width:1px
|
7021
7696
|
}
|
7022
7697
|
|
7023
|
-
.border-t{
|
7024
|
-
border-top-width:1px
|
7025
|
-
}
|
7026
|
-
|
7027
7698
|
.border-r{
|
7028
7699
|
border-right-width:1px
|
7029
7700
|
}
|
7030
7701
|
|
7702
|
+
.border-l-0{
|
7703
|
+
border-left-width:0px
|
7704
|
+
}
|
7705
|
+
|
7706
|
+
.border-b-0{
|
7707
|
+
border-bottom-width:0px
|
7708
|
+
}
|
7709
|
+
|
7710
|
+
.border-t-0{
|
7711
|
+
border-top-width:0px
|
7712
|
+
}
|
7713
|
+
|
7714
|
+
.border-t{
|
7715
|
+
border-top-width:1px
|
7716
|
+
}
|
7717
|
+
|
7031
7718
|
.border-l{
|
7032
7719
|
border-left-width:1px
|
7033
7720
|
}
|
@@ -7036,6 +7723,10 @@ progress[value]::-moz-progress-bar{
|
|
7036
7723
|
border-style:dashed
|
7037
7724
|
}
|
7038
7725
|
|
7726
|
+
.border-none{
|
7727
|
+
border-style:none
|
7728
|
+
}
|
7729
|
+
|
7039
7730
|
.border-slate-500{
|
7040
7731
|
--tw-border-opacity:1;
|
7041
7732
|
border-color:rgb(100 116 139 / var(--tw-border-opacity))
|
@@ -7171,6 +7862,11 @@ progress[value]::-moz-progress-bar{
|
|
7171
7862
|
border-color:rgb(103 189 250 / var(--tw-border-opacity))
|
7172
7863
|
}
|
7173
7864
|
|
7865
|
+
.border-gray-600{
|
7866
|
+
--tw-border-opacity:1;
|
7867
|
+
border-color:rgb(87 93 102 / var(--tw-border-opacity))
|
7868
|
+
}
|
7869
|
+
|
7174
7870
|
.border-red-700{
|
7175
7871
|
--tw-border-opacity:1;
|
7176
7872
|
border-color:rgb(185 28 28 / var(--tw-border-opacity))
|
@@ -7186,11 +7882,6 @@ progress[value]::-moz-progress-bar{
|
|
7186
7882
|
border-color:rgb(203 213 225 / var(--tw-border-opacity))
|
7187
7883
|
}
|
7188
7884
|
|
7189
|
-
.border-gray-600{
|
7190
|
-
--tw-border-opacity:1;
|
7191
|
-
border-color:rgb(87 93 102 / var(--tw-border-opacity))
|
7192
|
-
}
|
7193
|
-
|
7194
7885
|
.bg-red-600{
|
7195
7886
|
--tw-bg-opacity:1;
|
7196
7887
|
background-color:rgb(220 38 38 / var(--tw-bg-opacity))
|
@@ -7276,6 +7967,11 @@ progress[value]::-moz-progress-bar{
|
|
7276
7967
|
background-color:rgb(87 93 102 / var(--tw-bg-opacity))
|
7277
7968
|
}
|
7278
7969
|
|
7970
|
+
.bg-gray-200{
|
7971
|
+
--tw-bg-opacity:1;
|
7972
|
+
background-color:rgb(216 219 222 / var(--tw-bg-opacity))
|
7973
|
+
}
|
7974
|
+
|
7279
7975
|
.bg-gray-500{
|
7280
7976
|
--tw-bg-opacity:1;
|
7281
7977
|
background-color:rgb(117 125 138 / var(--tw-bg-opacity))
|
@@ -7707,6 +8403,11 @@ progress[value]::-moz-progress-bar{
|
|
7707
8403
|
color:rgb(0 0 0 / var(--tw-text-opacity))
|
7708
8404
|
}
|
7709
8405
|
|
8406
|
+
.\!text-blue-700{
|
8407
|
+
--tw-text-opacity:1 !important;
|
8408
|
+
color:rgb(3 57 94 / var(--tw-text-opacity)) !important
|
8409
|
+
}
|
8410
|
+
|
7710
8411
|
.text-slate-600{
|
7711
8412
|
--tw-text-opacity:1;
|
7712
8413
|
color:rgb(71 85 105 / var(--tw-text-opacity))
|
@@ -8096,6 +8797,11 @@ trix-editor {
|
|
8096
8797
|
border-color:rgb(103 189 250 / var(--tw-border-opacity))
|
8097
8798
|
}
|
8098
8799
|
|
8800
|
+
.focus\:border-gray-300:focus{
|
8801
|
+
--tw-border-opacity:1;
|
8802
|
+
border-color:rgb(183 187 194 / var(--tw-border-opacity))
|
8803
|
+
}
|
8804
|
+
|
8099
8805
|
.focus\:border-slate-400:focus{
|
8100
8806
|
--tw-border-opacity:1;
|
8101
8807
|
border-color:rgb(148 163 184 / var(--tw-border-opacity))
|