@eeacms/volto-clms-theme 1.1.288 → 1.1.290

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/package.json +1 -1
  3. package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/FilterList.jsx +33 -2
  4. package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/RightModalFacets.jsx +233 -89
  5. package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/SearchInput.jsx +84 -7
  6. package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/icons/search.svg +3 -0
  7. package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/searchDesign.js +8 -0
  8. package/src/components/CclCard/CclCard.jsx +26 -12
  9. package/src/customizations/@eeacms/volto-embed/PrivacyProtection/PrivacyProtection.jsx +3 -80
  10. package/src/customizations/volto/components/manage/Blocks/Search/SearchBlockView.jsx +27 -4
  11. package/src/customizations/volto/components/manage/Blocks/Search/hocs/withSearch.jsx +80 -12
  12. package/theme/site/extras/menu.less +457 -0
package/theme/site/extras/menu.less CHANGED
@@ -289,6 +289,463 @@
289
289
  font-size: 0.8rem;
290
290
  }
291
291
 
292
+ body.global-search-page h1.documentFirstHeading {
293
+ padding-bottom: 1rem;
294
+ border-bottom: 1px solid @clmsGreen;
295
+ margin-bottom: 0.7rem;
296
+ color: #273b4b;
297
+ font-size: 32px;
298
+ line-height: 1.15;
299
+ }
300
+
301
+ body.global-search-page .block.search.global-search-block {
302
+ margin-top: 0;
303
+ }
304
+
305
+ body.global-search-page.section-global-search #page-document > p {
306
+ margin-bottom: 0;
307
+ line-height: 1.35;
308
+ }
309
+
310
+ body.global-search-page.section-global-search #page-document > p strong:empty {
311
+ display: none;
312
+ }
313
+
314
+ body.global-search-page.section-global-search
315
+ #page-document
316
+ > p:has(strong:empty) {
317
+ display: none;
318
+ }
319
+
320
+ body.global-search-page.section-global-search
321
+ .block.search.global-search-block {
322
+ margin-top: 3rem;
323
+ }
324
+
325
+ body.global-search-page.section-dataset-catalog
326
+ .block.search.global-search-block {
327
+ margin-top: 1.5rem;
328
+ }
329
+
330
+ body.global-search-page .block.search.global-search-block .ui.grid {
331
+ margin: 0;
332
+ }
333
+
334
+ body.global-search-page .block.search.global-search-block .ui.grid > .row {
335
+ padding-top: 0;
336
+ }
337
+
338
+ body.global-search-page
339
+ .block.search.global-search-block
340
+ .ui.grid
341
+ > .row
342
+ > .column {
343
+ padding-right: 0;
344
+ padding-left: 0;
345
+ }
346
+
347
+ body.global-search-page .block.search.global-search-block .sui-search-box {
348
+ margin: 0 0 0.6rem;
349
+ }
350
+
351
+ body.global-search-page .block.search.global-search-block .search-box-hint p {
352
+ margin: 0;
353
+ color: #273b4b;
354
+ font-size: 0.75rem;
355
+ }
356
+
357
+ body.global-search-page .block.search.global-search-block .global-search-count {
358
+ padding-bottom: 0.5rem;
359
+ border-bottom: 2px solid fade(#273b4b, 20%);
360
+ margin-top: 1.75rem;
361
+ }
362
+
363
+ body.global-search-page
364
+ .block.search.global-search-block
365
+ .global-search-count
366
+ .search-details {
367
+ margin: 0;
368
+ color: #273b4b;
369
+ font-size: 0.95rem;
370
+ font-weight: 700;
371
+ }
372
+
373
+ body.global-search-page
374
+ .block.search.global-search-block
375
+ .global-search-above-results {
376
+ display: flex;
377
+ align-items: center;
378
+ justify-content: space-between;
379
+ padding: 0.55rem 0 1.4rem;
380
+ margin: 0;
381
+ }
382
+
383
+ body.global-search-page
384
+ .block.search.global-search-block
385
+ .global-search-filters-left,
386
+ body.global-search-page
387
+ .block.search.global-search-block
388
+ .global-search-applied-filters,
389
+ body.global-search-page
390
+ .block.search.global-search-block
391
+ .global-search-sorting {
392
+ display: flex;
393
+ align-items: center;
394
+ }
395
+
396
+ body.global-search-page
397
+ .block.search.global-search-block
398
+ .global-search-filters-left {
399
+ gap: 1rem;
400
+ }
401
+
402
+ body.global-search-page
403
+ .block.search.global-search-block
404
+ .global-search-filters-left
405
+ .filters-element {
406
+ margin-left: 0;
407
+ }
408
+
409
+ body.global-search-page
410
+ .block.search.global-search-block
411
+ .global-search-filters-left
412
+ .filters-title {
413
+ align-items: center;
414
+ }
415
+
416
+ body.global-search-page
417
+ .block.search.global-search-block
418
+ .global-search-filters-left
419
+ .filters-title
420
+ .global-search-categories-icon {
421
+ display: inline-flex;
422
+ width: 16px !important;
423
+ height: 16px !important;
424
+ align-items: center;
425
+ justify-content: center;
426
+ margin-right: 0.35rem;
427
+ background: @clmsGreen;
428
+ border-radius: 50%;
429
+ color: #fff;
430
+ }
431
+
432
+ body.global-search-page
433
+ .block.search.global-search-block
434
+ .global-search-filters-left
435
+ .global-search-categories-icon
436
+ .global-search-categories-filter-icon {
437
+ display: block;
438
+ color: #fff;
439
+ }
440
+
441
+ body.global-search-page
442
+ .block.search.global-search-block
443
+ .global-search-applied-filters {
444
+ color: #808080;
445
+ gap: 0.25rem;
446
+ }
447
+
448
+ body.global-search-page
449
+ .block.search.global-search-block
450
+ .global-search-applied-filters
451
+ .ui.basic.button {
452
+ padding: 0 !important;
453
+ border: none;
454
+ box-shadow: none !important;
455
+ color: #808080 !important;
456
+ }
457
+
458
+ body.global-search-page
459
+ .block.search.global-search-block
460
+ .global-search-sorting {
461
+ gap: 0.7rem;
462
+ }
463
+
464
+ body.global-search-page
465
+ .block.search.global-search-block
466
+ .global-search-sort-label {
467
+ color: #273b4b;
468
+ }
469
+
470
+ body.global-search-page
471
+ .block.search.global-search-block
472
+ .global-search-sorting
473
+ button {
474
+ padding: 0;
475
+ border: 0;
476
+ background: transparent;
477
+ color: #808080;
478
+ cursor: pointer;
479
+ font: inherit;
480
+ font-weight: 700;
481
+ }
482
+
483
+ body.global-search-page
484
+ .block.search.global-search-block
485
+ .global-search-sorting
486
+ button.active,
487
+ body.global-search-page
488
+ .block.search.global-search-block
489
+ .global-search-sorting
490
+ button:hover {
491
+ color: @clmsGreen;
492
+ }
493
+
494
+ body.global-search-page
495
+ .block.search.global-search-block
496
+ .global-search-sorting
497
+ button:first-of-type {
498
+ color: #808080;
499
+ }
500
+
501
+ body.global-search-page
502
+ .block.search.global-search-block
503
+ .global-search-sort-direction {
504
+ margin-left: 0.25rem;
505
+ color: #808080;
506
+ font-size: 0.75rem;
507
+ }
508
+
509
+ body.global-search-page .block.search.global-search-block .card-doc {
510
+ padding: 0;
511
+ border-bottom: 1px solid #cfd5d8;
512
+ }
513
+
514
+ body.global-search-page
515
+ .block.search.global-search-block
516
+ .global-search-result-row {
517
+ display: grid;
518
+ padding: 1.15rem 0 1.05rem;
519
+ column-gap: 1.5rem;
520
+ grid-template-columns: minmax(0, 1fr) auto;
521
+ }
522
+
523
+ body.global-search-page
524
+ .block.search.global-search-block
525
+ .global-search-result-main {
526
+ min-width: 0;
527
+ }
528
+
529
+ body.global-search-page
530
+ .block.search.global-search-block
531
+ .global-search-result-main
532
+ .card-doc-header {
533
+ display: block;
534
+ }
535
+
536
+ body.global-search-page
537
+ .block.search.global-search-block
538
+ .global-search-result-main
539
+ .card-doc-title {
540
+ margin-bottom: 0.85rem;
541
+ font-size: 20px;
542
+ line-height: 1.25;
543
+ }
544
+
545
+ body.global-search-page
546
+ .block.search.global-search-block
547
+ .global-search-result-main
548
+ .card-doc-title
549
+ a {
550
+ color: @clmsGreen;
551
+ }
552
+
553
+ body.global-search-page
554
+ .block.search.global-search-block
555
+ .global-search-result-main
556
+ .card-doc-description {
557
+ margin-bottom: 0.35rem;
558
+ }
559
+
560
+ body.global-search-page
561
+ .block.search.global-search-block
562
+ .global-search-result-main
563
+ .card-doc-extrametadata {
564
+ color: #34495e;
565
+ font-size: 16px;
566
+ }
567
+
568
+ body.global-search-page
569
+ .block.search.global-search-block
570
+ .global-search-result-side {
571
+ display: flex;
572
+ flex-direction: column;
573
+ align-items: flex-end;
574
+ padding-top: 0.05rem;
575
+ color: #34495e;
576
+ gap: 1.15rem;
577
+ white-space: nowrap;
578
+ }
579
+
580
+ body.global-search-page
581
+ .block.search.global-search-block
582
+ .global-search-result-type {
583
+ padding: 0.25rem 0.55rem;
584
+ background: #e6e6e6;
585
+ border-radius: 4px;
586
+ color: #555;
587
+ font-size: 12px;
588
+ line-height: 1;
589
+ }
590
+
591
+ body.global-search-page
592
+ .block.search.global-search-block
593
+ .global-search-result-size {
594
+ font-size: 14px;
595
+ }
596
+
597
+ @media (max-width: 1127px) {
598
+ body.global-search-page.searchlib-page div#page-document.ui.container,
599
+ body.global-search-page.searchlib-page div#page-document {
600
+ width: calc(100% - 2rem) !important;
601
+ max-width: calc(100% - 2rem) !important;
602
+ padding-right: 1rem;
603
+ padding-left: 1rem;
604
+ }
605
+
606
+ body.global-search-page .block.search.global-search-block {
607
+ padding-right: 0;
608
+ padding-left: 0;
609
+ }
610
+ }
611
+
612
+ @media (max-width: 767px) {
613
+ body.global-search-page.searchlib-page div#page-document.ui.container,
614
+ body.global-search-page.searchlib-page div#page-document {
615
+ padding-right: 0.75rem;
616
+ padding-left: 0.75rem;
617
+ }
618
+
619
+ body.global-search-page h1.documentFirstHeading {
620
+ padding-bottom: 0.75rem;
621
+ margin-bottom: 0.75rem;
622
+ font-size: 28px;
623
+ }
624
+
625
+ body.global-search-page
626
+ .block.search.global-search-block
627
+ .sui-search-box
628
+ .search-input
629
+ .terms-box
630
+ input {
631
+ min-width: 0;
632
+ }
633
+
634
+ body.global-search-page
635
+ .block.search.global-search-block
636
+ .sui-search-box
637
+ .search-input
638
+ .terms-box
639
+ .input-controls
640
+ .clear-button {
641
+ width: 24px;
642
+ height: 24px;
643
+ margin: 0 0.35rem 0.35rem 0;
644
+ }
645
+
646
+ body.global-search-page .block.search.global-search-block .search-box-hint p {
647
+ font-size: 0.72rem;
648
+ line-height: 1.35;
649
+ }
650
+
651
+ body.global-search-page
652
+ .block.search.global-search-block
653
+ .global-search-count {
654
+ margin-top: 1.1rem;
655
+ }
656
+
657
+ body.global-search-page
658
+ .block.search.global-search-block
659
+ .global-search-above-results,
660
+ body.global-search-page
661
+ .block.search.global-search-block
662
+ .global-search-result-row {
663
+ display: flex;
664
+ flex-direction: column;
665
+ gap: 0.75rem;
666
+ }
667
+
668
+ body.global-search-page
669
+ .block.search.global-search-block
670
+ .global-search-above-results {
671
+ align-items: stretch;
672
+ padding-bottom: 1rem;
673
+ }
674
+
675
+ body.global-search-page
676
+ .block.search.global-search-block
677
+ .global-search-filters-left {
678
+ flex-wrap: wrap;
679
+ align-items: flex-start;
680
+ gap: 0.5rem 0.85rem;
681
+ }
682
+
683
+ body.global-search-page
684
+ .block.search.global-search-block
685
+ .global-search-sorting {
686
+ width: 100%;
687
+ flex-wrap: nowrap;
688
+ align-items: center;
689
+ justify-content: flex-start;
690
+ gap: 0.45rem 0.7rem;
691
+ }
692
+
693
+ body.global-search-page
694
+ .block.search.global-search-block
695
+ .global-search-result-row {
696
+ padding: 0.95rem 0;
697
+ }
698
+
699
+ body.global-search-page
700
+ .block.search.global-search-block
701
+ .global-search-result-main
702
+ .card-doc-title {
703
+ margin-bottom: 0.55rem;
704
+ font-size: 18px;
705
+ line-height: 1.3;
706
+ }
707
+
708
+ body.global-search-page
709
+ .block.search.global-search-block
710
+ .global-search-result-main
711
+ .card-doc-extrametadata {
712
+ font-size: 14px;
713
+ line-height: 1.4;
714
+ }
715
+
716
+ body.global-search-page
717
+ .block.search.global-search-block
718
+ .global-search-result-side {
719
+ flex-direction: row;
720
+ flex-wrap: wrap;
721
+ align-items: flex-start;
722
+ gap: 0.5rem;
723
+ white-space: normal;
724
+ }
725
+
726
+ body.global-search-page
727
+ .block.search.global-search-block
728
+ .ui.pagination.menu {
729
+ width: 100%;
730
+ max-width: 100%;
731
+ justify-content: flex-start;
732
+ overflow-x: auto;
733
+ }
734
+
735
+ body.global-search-page
736
+ .block.search.global-search-block
737
+ .ui.pagination.menu
738
+ .item {
739
+ flex: 0 0 auto;
740
+ }
741
+ }
742
+
743
+ @media (max-width: 420px) {
744
+ body.global-search-page h1.documentFirstHeading {
745
+ font-size: 26px;
746
+ }
747
+ }
748
+
292
749
  /* Filters */
293
750
  .filters-container {
294
751
  display: flex;