@flexem/fc-designer 3.0.1-alpha.98 → 3.0.1-alpha.99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6227,3 +6227,541 @@ input.ng-touched.ng-invalid {
6227
6227
  line-height: 50px;
6228
6228
  }
6229
6229
 
6230
+ .add-text-item-modal .control-label {
6231
+ align-items: start;
6232
+ margin-right: 20px;
6233
+ }
6234
+ .add-text-item-modal .fe-btn {
6235
+ margin-right: 10px;
6236
+ margin-bottom: 5px;
6237
+ }
6238
+ .add-text-item-modal .fe-btn:last-child {
6239
+ margin-right: 0;
6240
+ }
6241
+ .add-text-item-modal .fe-btn.fe-btn-primary {
6242
+ background-color: #3695ff;
6243
+ color: #fff;
6244
+ border: none;
6245
+ }
6246
+ .add-text-item-modal .fe-btn.fe-btn-primary:hover {
6247
+ background-color: #226bbc;
6248
+ }
6249
+ .add-text-item-modal .fe-btn.fe-btn-danger {
6250
+ background-color: #F44336;
6251
+ color: #fff;
6252
+ border: none;
6253
+ }
6254
+ .add-text-item-modal .fe-btn.fe-btn-danger:hover {
6255
+ background-color: #D32F2F;
6256
+ }
6257
+ .add-text-item-modal .form-inline {
6258
+ align-items: flex-start;
6259
+ }
6260
+ .add-text-item-modal .is-invalid {
6261
+ border-color: #f5222d !important;
6262
+ }
6263
+ .add-text-item-modal .is-invalid:focus {
6264
+ border-color: #f5222d !important;
6265
+ box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2) !important;
6266
+ }
6267
+ .add-text-item-modal .fe-modal-footer {
6268
+ margin-top: 0;
6269
+ }
6270
+
6271
+ .import-container {
6272
+ padding: 0;
6273
+ }
6274
+ .upload-wrap {
6275
+ margin: 0 20px;
6276
+ text-align: center;
6277
+ }
6278
+ .filename-wrap {
6279
+ width: 300px;
6280
+ height: 30px;
6281
+ margin: 0 auto 10px;
6282
+ border: 1px solid #e5e5e5;
6283
+ padding: 5px;
6284
+ text-align: left;
6285
+ }
6286
+ .filename-wrap span {
6287
+ overflow: hidden;
6288
+ white-space: nowrap;
6289
+ text-overflow: ellipsis;
6290
+ width: 270px;
6291
+ text-align: center;
6292
+ display: block;
6293
+ float: left;
6294
+ }
6295
+ .filename-wrap i {
6296
+ float: right;
6297
+ font-size: 18px;
6298
+ cursor: pointer;
6299
+ transition: color 0.3s;
6300
+ }
6301
+ .filename-wrap i:hover {
6302
+ color: #f5222d;
6303
+ }
6304
+ .import-format-tips {
6305
+ text-align: center;
6306
+ margin: 10px 20px;
6307
+ }
6308
+ .import-format-tips.error-tips {
6309
+ color: #e95f5f;
6310
+ }
6311
+ .import-format-tips.error-tips p {
6312
+ margin: 5px 0;
6313
+ }
6314
+ .import-excel-tips {
6315
+ width: calc(100% - 40px);
6316
+ margin: 0 20px;
6317
+ padding: 10px;
6318
+ text-align: center;
6319
+ color: #a2a2a2;
6320
+ background-color: #f2f2f2;
6321
+ border-radius: 4px;
6322
+ }
6323
+ .import-excel-tips p {
6324
+ margin: 0 0 8px 0;
6325
+ font-size: 14px;
6326
+ line-height: 1.5;
6327
+ }
6328
+ .import-excel-tips a {
6329
+ display: inline-flex;
6330
+ align-items: center;
6331
+ color: #1890ff;
6332
+ font-size: 14px;
6333
+ cursor: pointer;
6334
+ transition: color 0.3s;
6335
+ }
6336
+ .import-excel-tips a i {
6337
+ margin-right: 5px;
6338
+ font-size: 16px;
6339
+ }
6340
+ .import-excel-tips a:hover {
6341
+ color: #40a9ff;
6342
+ }
6343
+ .error-tips {
6344
+ color: #e95f5f;
6345
+ cursor: pointer;
6346
+ }
6347
+ .margin-t-b-14 {
6348
+ margin: 14px 0;
6349
+ }
6350
+ .preview-section {
6351
+ margin: 20px;
6352
+ border: 1px solid #e8e8e8;
6353
+ border-radius: 4px;
6354
+ overflow: hidden;
6355
+ }
6356
+ .preview-section .preview-header {
6357
+ display: flex;
6358
+ justify-content: space-between;
6359
+ align-items: center;
6360
+ padding: 12px 15px;
6361
+ background-color: #fafafa;
6362
+ border-bottom: 1px solid #e8e8e8;
6363
+ }
6364
+ .preview-section .preview-header span {
6365
+ font-size: 14px;
6366
+ font-weight: 500;
6367
+ color: #333;
6368
+ }
6369
+ .preview-section .preview-header .preview-count {
6370
+ font-size: 13px;
6371
+ color: #999;
6372
+ font-weight: normal;
6373
+ }
6374
+ .preview-section .preview-table-wrapper {
6375
+ max-height: 300px;
6376
+ overflow: auto;
6377
+ }
6378
+ .preview-section .preview-table {
6379
+ width: 100%;
6380
+ border-collapse: collapse;
6381
+ font-size: 13px;
6382
+ }
6383
+ .preview-section .preview-table thead {
6384
+ position: sticky;
6385
+ top: 0;
6386
+ background-color: #fafafa;
6387
+ z-index: 1;
6388
+ }
6389
+ .preview-section .preview-table thead th {
6390
+ padding: 10px 12px;
6391
+ text-align: left;
6392
+ font-weight: 500;
6393
+ color: #666;
6394
+ border-bottom: 1px solid #e8e8e8;
6395
+ }
6396
+ .preview-section .preview-table tbody tr:hover {
6397
+ background-color: #f5f5f5;
6398
+ }
6399
+ .preview-section .preview-table tbody tr td {
6400
+ padding: 10px 12px;
6401
+ border-bottom: 1px solid #f0f0f0;
6402
+ color: #333;
6403
+ }
6404
+ .preview-section .preview-table tbody tr:last-child td {
6405
+ border-bottom: none;
6406
+ }
6407
+ .preview-section .preview-table tbody .more-data {
6408
+ text-align: center;
6409
+ color: #999;
6410
+ font-style: italic;
6411
+ padding: 15px 12px;
6412
+ }
6413
+ .margin-bottom0 {
6414
+ margin-bottom: 0;
6415
+ }
6416
+ .import-text-library-modal {
6417
+ max-width: 800px;
6418
+ }
6419
+
6420
+ .textLibrarySettingModal .fe-btn.fe-btn-save:disabled {
6421
+ background-color: #ddd;
6422
+ border-color: #ddd;
6423
+ }
6424
+ .textLibrarySettingModal .fe-modal-content .form-inline {
6425
+ margin-bottom: 15px;
6426
+ }
6427
+ .textLibrarySettingModal .fe-modal-content .form-inline .fe-btn {
6428
+ margin-right: 10px;
6429
+ margin-bottom: 5px;
6430
+ }
6431
+ .textLibrarySettingModal .fe-modal-content .form-inline .fe-btn:last-child {
6432
+ margin-right: 0;
6433
+ }
6434
+ .textLibrarySettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-primary {
6435
+ background-color: #3695ff;
6436
+ color: #fff;
6437
+ border: none;
6438
+ }
6439
+ .textLibrarySettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-primary:hover {
6440
+ background-color: #226bbc;
6441
+ }
6442
+ .textLibrarySettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-danger {
6443
+ background-color: #F44336;
6444
+ color: #fff;
6445
+ border: none;
6446
+ }
6447
+ .textLibrarySettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-danger:hover {
6448
+ background-color: #D32F2F;
6449
+ }
6450
+ .textLibrarySettingModal .fe-modal-content .table-responsive {
6451
+ height: 500px;
6452
+ overflow-y: auto;
6453
+ }
6454
+ .textLibrarySettingModal .fe-modal-content .table {
6455
+ border-collapse: collapse;
6456
+ width: 100%;
6457
+ }
6458
+ .textLibrarySettingModal .fe-modal-content .table-bordered th,
6459
+ .textLibrarySettingModal .fe-modal-content .table-bordered td {
6460
+ border: 1px solid #ccc;
6461
+ }
6462
+ .textLibrarySettingModal .fe-modal-content .table th {
6463
+ background-color: #f5f5f5;
6464
+ text-align: center;
6465
+ vertical-align: middle;
6466
+ font-weight: 600;
6467
+ padding: 8px;
6468
+ }
6469
+ .textLibrarySettingModal .fe-modal-content .table td {
6470
+ text-align: center;
6471
+ vertical-align: middle;
6472
+ padding: 8px;
6473
+ }
6474
+ .textLibrarySettingModal .fe-modal-content .table input[type="checkbox"] {
6475
+ margin: 0;
6476
+ }
6477
+ .textLibrarySettingModal .fe-modal-content .table input[type="text"] {
6478
+ width: 100%;
6479
+ min-width: 120px;
6480
+ border: 1px solid #ddd;
6481
+ border-radius: 4px;
6482
+ padding: 4px 8px;
6483
+ box-sizing: border-box;
6484
+ }
6485
+ .textLibrarySettingModal .text-library-content {
6486
+ background-color: #fff;
6487
+ min-height: 575px;
6488
+ }
6489
+ .textLibrarySettingModal .delete-border {
6490
+ border: 1px solid #ddd;
6491
+ }
6492
+ .textLibrarySettingModal .text-library-input {
6493
+ position: relative;
6494
+ margin-right: 10px;
6495
+ margin-bottom: 2px;
6496
+ }
6497
+ .textLibrarySettingModal .text-library-search {
6498
+ position: absolute;
6499
+ right: 10px;
6500
+ top: 8px;
6501
+ cursor: pointer;
6502
+ }
6503
+ .textLibrarySettingModal .modal-content {
6504
+ width: 1000px !important;
6505
+ margin-left: -100px;
6506
+ }
6507
+ .textLibrarySettingModal .text-library-dropdown-container .text-library-select {
6508
+ width: 200px;
6509
+ margin-left: 10px;
6510
+ }
6511
+
6512
+ .systemTextLibraryModal .fe-btn.fe-btn-save:disabled {
6513
+ background-color: #ddd;
6514
+ border-color: #ddd;
6515
+ }
6516
+ .systemTextLibraryModal .fe-modal-content .form-inline {
6517
+ margin-bottom: 15px;
6518
+ }
6519
+ .systemTextLibraryModal .fe-modal-content .form-inline .fe-btn {
6520
+ margin-right: 10px;
6521
+ margin-bottom: 5px;
6522
+ }
6523
+ .systemTextLibraryModal .fe-modal-content .form-inline .fe-btn:last-child {
6524
+ margin-right: 0;
6525
+ }
6526
+ .systemTextLibraryModal .fe-modal-content .form-inline .fe-btn.fe-btn-primary {
6527
+ background-color: #3695ff;
6528
+ color: #fff;
6529
+ border: none;
6530
+ }
6531
+ .systemTextLibraryModal .fe-modal-content .form-inline .fe-btn.fe-btn-primary:hover {
6532
+ background-color: #226bbc;
6533
+ }
6534
+ .systemTextLibraryModal .fe-modal-content .form-inline .fe-btn.fe-btn-danger {
6535
+ background-color: #F44336;
6536
+ color: #fff;
6537
+ border: none;
6538
+ }
6539
+ .systemTextLibraryModal .fe-modal-content .form-inline .fe-btn.fe-btn-danger:hover {
6540
+ background-color: #D32F2F;
6541
+ }
6542
+ .systemTextLibraryModal .fe-modal-content .table-responsive {
6543
+ height: 500px;
6544
+ overflow-y: auto;
6545
+ overflow-x: auto;
6546
+ }
6547
+ .systemTextLibraryModal .fe-modal-content .table {
6548
+ border-collapse: collapse;
6549
+ width: 100%;
6550
+ }
6551
+ .systemTextLibraryModal .fe-modal-content .table-bordered th,
6552
+ .systemTextLibraryModal .fe-modal-content .table-bordered td {
6553
+ border: 1px solid #ccc;
6554
+ }
6555
+ .systemTextLibraryModal .fe-modal-content .table th {
6556
+ background-color: #f5f5f5;
6557
+ text-align: center;
6558
+ vertical-align: middle;
6559
+ font-weight: 600;
6560
+ padding: 8px;
6561
+ white-space: nowrap;
6562
+ }
6563
+ .systemTextLibraryModal .fe-modal-content .table td {
6564
+ text-align: center;
6565
+ vertical-align: middle;
6566
+ padding: 8px;
6567
+ }
6568
+ .systemTextLibraryModal .fe-modal-content .table td .reference-location-text {
6569
+ display: block;
6570
+ color: #666;
6571
+ font-size: 12px;
6572
+ white-space: normal;
6573
+ word-break: break-word;
6574
+ text-align: left;
6575
+ }
6576
+ .systemTextLibraryModal .fe-modal-content .table input[type="checkbox"] {
6577
+ margin: 0;
6578
+ }
6579
+ .systemTextLibraryModal .fe-modal-content .table input[type="text"] {
6580
+ width: 100%;
6581
+ min-width: 120px;
6582
+ border: 1px solid #ddd;
6583
+ border-radius: 4px;
6584
+ padding: 4px 8px;
6585
+ box-sizing: border-box;
6586
+ }
6587
+ .systemTextLibraryModal .text-library-content {
6588
+ background-color: #fff;
6589
+ min-height: 575px;
6590
+ }
6591
+ .systemTextLibraryModal .delete-border {
6592
+ border: 1px solid #ddd;
6593
+ }
6594
+ .systemTextLibraryModal .modal-content {
6595
+ width: 1000px !important;
6596
+ margin-left: -100px;
6597
+ }
6598
+
6599
+ .confirm-modal .modal-dialog {
6600
+ max-width: 320px;
6601
+ }
6602
+ .confirm-modal .modal-content {
6603
+ border-radius: 4px;
6604
+ border: none;
6605
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
6606
+ }
6607
+ .confirm-modal .confirm-container {
6608
+ padding: 15px 20px 5px 20px;
6609
+ }
6610
+ .confirm-modal .confirm-icon {
6611
+ display: flex;
6612
+ }
6613
+ .confirm-modal .confirm-icon svg {
6614
+ display: block;
6615
+ }
6616
+ .confirm-modal .confirm-message {
6617
+ font-size: 16px;
6618
+ color: #333;
6619
+ text-align: center;
6620
+ margin-bottom: 16px;
6621
+ margin-left: 10px;
6622
+ line-height: 1.5;
6623
+ }
6624
+ .confirm-modal .confirm-buttons {
6625
+ display: flex;
6626
+ gap: 12px;
6627
+ width: 100%;
6628
+ justify-content: end;
6629
+ }
6630
+
6631
+ .languageSettingModal .fe-btn.fe-btn-save:disabled {
6632
+ background-color: #ddd;
6633
+ border-color: #ddd;
6634
+ }
6635
+ .languageSettingModal .fe-modal-content .form-inline {
6636
+ margin-bottom: 15px;
6637
+ }
6638
+ .languageSettingModal .fe-modal-content .form-inline .fe-btn {
6639
+ margin-right: 10px;
6640
+ margin-bottom: 5px;
6641
+ }
6642
+ .languageSettingModal .fe-modal-content .form-inline .fe-btn:last-child {
6643
+ margin-right: 0;
6644
+ }
6645
+ .languageSettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-primary {
6646
+ background-color: #3695ff;
6647
+ color: #fff;
6648
+ border: none;
6649
+ }
6650
+ .languageSettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-primary:hover {
6651
+ background-color: #226bbc;
6652
+ }
6653
+ .languageSettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-danger {
6654
+ background-color: #F44336;
6655
+ color: #fff;
6656
+ border: none;
6657
+ }
6658
+ .languageSettingModal .fe-modal-content .form-inline .fe-btn.fe-btn-danger:hover {
6659
+ background-color: #D32F2F;
6660
+ }
6661
+ .languageSettingModal .fe-modal-content .table-responsive {
6662
+ max-height: 500px;
6663
+ overflow-y: auto;
6664
+ }
6665
+ .languageSettingModal .fe-modal-content .table {
6666
+ border-collapse: collapse;
6667
+ width: 100%;
6668
+ table-layout: fixed;
6669
+ }
6670
+ .languageSettingModal .fe-modal-content .table-bordered th,
6671
+ .languageSettingModal .fe-modal-content .table-bordered td {
6672
+ border: 1px solid #ccc;
6673
+ }
6674
+ .languageSettingModal .fe-modal-content .table th {
6675
+ background-color: #f5f5f5;
6676
+ text-align: center;
6677
+ vertical-align: middle;
6678
+ font-weight: 600;
6679
+ padding: 8px;
6680
+ }
6681
+ .languageSettingModal .fe-modal-content .table td {
6682
+ text-align: center;
6683
+ vertical-align: middle;
6684
+ padding: 8px;
6685
+ }
6686
+ .languageSettingModal .fe-modal-content .table input[type="checkbox"] {
6687
+ margin: 0;
6688
+ }
6689
+ .languageSettingModal .fe-modal-content .table input[type="checkbox"]:disabled {
6690
+ opacity: 0.5;
6691
+ cursor: not-allowed;
6692
+ }
6693
+ .languageSettingModal .fe-modal-content .table input[type="text"] {
6694
+ width: 100%;
6695
+ min-width: 120px;
6696
+ border: 1px solid #ddd;
6697
+ border-radius: 4px;
6698
+ padding: 4px 8px;
6699
+ box-sizing: border-box;
6700
+ }
6701
+ .languageSettingModal .language-setting-content {
6702
+ background-color: #fff;
6703
+ min-height: 575px;
6704
+ }
6705
+ .languageSettingModal .delete-border {
6706
+ border: 1px solid #ddd;
6707
+ }
6708
+ .languageSettingModal .text-library-input {
6709
+ position: relative;
6710
+ margin-right: 10px;
6711
+ margin-bottom: 2px;
6712
+ }
6713
+ .languageSettingModal .text-library-search {
6714
+ position: absolute;
6715
+ right: 10px;
6716
+ top: 8px;
6717
+ cursor: pointer;
6718
+ }
6719
+ .languageSettingModal .language-setting-content {
6720
+ background-color: #fff;
6721
+ }
6722
+ .languageSettingModal .button-box {
6723
+ display: flex;
6724
+ justify-content: end;
6725
+ }
6726
+ .languageSettingModal .language-select {
6727
+ width: 100%;
6728
+ min-width: 200px;
6729
+ text-align: left;
6730
+ }
6731
+ .languageSettingModal .language-select .ng-select-container {
6732
+ min-height: 32px;
6733
+ border: 1px solid #ddd;
6734
+ border-radius: 4px;
6735
+ }
6736
+ .languageSettingModal .language-select .ng-value-label {
6737
+ font-size: 13px;
6738
+ }
6739
+ .languageSettingModal .language-select .ng-input > input {
6740
+ font-size: 13px;
6741
+ }
6742
+ .languageSettingModal .table td.language-cell {
6743
+ padding: 4px 8px;
6744
+ text-align: left;
6745
+ }
6746
+ .languageSettingModal .table td.language-cell .duplicate-language ::ng-deep .ng-select-container {
6747
+ border: 1px solid #ff4d4f !important;
6748
+ border-radius: 4px;
6749
+ }
6750
+ .languageSettingModal .language-setting-base {
6751
+ width: 800px !important;
6752
+ }
6753
+ ::ng-deep .ng-dropdown-panel.language-setting-select {
6754
+ z-index: 2000 !important;
6755
+ transform: translateX(5px);
6756
+ }
6757
+ ::ng-deep .ng-dropdown-panel.language-setting-select .ng-dropdown-panel-items .ng-option {
6758
+ font-size: 13px;
6759
+ padding: 6px 10px;
6760
+ }
6761
+ ::ng-deep .ng-dropdown-panel.language-setting-select .ng-dropdown-panel-items .ng-option.ng-option-marked {
6762
+ background-color: #e6f7ff;
6763
+ }
6764
+ ::ng-deep .ng-dropdown-panel.language-setting-select .ng-dropdown-panel-items .ng-option.ng-option-selected {
6765
+ background-color: #bae7ff;
6766
+ }
6767
+