iceholidays-frontend 0.9.0 → 0.11.0
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/iceholidays/frontend/common.scss +6 -0
- data/app/assets/stylesheets/iceholidays/frontend/layout.scss +103 -25
- data/app/assets/stylesheets/iceholidays/frontend/utils/_antd_overrides.scss +12 -3
- data/app/javascript/api-services/contact-us-api.service.ts +10 -0
- data/app/javascript/react/layouts/MainFooter.tsx +5 -6
- data/app/javascript/react/layouts/MainHeader.tsx +43 -37
- data/app/javascript/react/pages/ContactUsPage.tsx +15 -13
- data/app/javascript/react/pages/ListingPage.tsx +12 -6
- data/lib/iceholidays/frontend/version.rb +1 -1
- data/public/iceholidays-assets/application.css +69 -9
- data/public/iceholidays-assets/application.js +84 -84
- data/public/iceholidays-assets/application.js.map +3 -3
- data/public/iceholidays-assets/images/social/ico_whatsapp.png +0 -0
- metadata +3 -2
|
@@ -339,11 +339,13 @@ a {
|
|
|
339
339
|
color: rgba(0, 0, 0, 0.5019607843);
|
|
340
340
|
}
|
|
341
341
|
|
|
342
|
-
.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-item-active::after {
|
|
343
|
-
display: none;
|
|
342
|
+
.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-item-selected::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-item-active::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-open::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after, .ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-active::after {
|
|
343
|
+
display: none !important;
|
|
344
344
|
}
|
|
345
345
|
.ant-menu-light .ant-menu-item-selected {
|
|
346
|
-
background-color: transparent;
|
|
346
|
+
background-color: transparent !important;
|
|
347
|
+
color: unset !important;
|
|
348
|
+
text-transform: uppercase;
|
|
347
349
|
}
|
|
348
350
|
|
|
349
351
|
.slick-track {
|
|
@@ -356,7 +358,6 @@ a {
|
|
|
356
358
|
height: 50px;
|
|
357
359
|
width: 100%;
|
|
358
360
|
background: linear-gradient(241.37deg, #D1AC6E -108.33%, #D1AC6E -14.72%, #F9E298 -2.73%, #B68B31 108.18%);
|
|
359
|
-
padding-inline-end: 25px;
|
|
360
361
|
display: inline-flex;
|
|
361
362
|
justify-content: space-between;
|
|
362
363
|
align-items: center;
|
|
@@ -386,7 +387,8 @@ a {
|
|
|
386
387
|
#main-header .logo.logo_mobile {
|
|
387
388
|
padding-top: 25px;
|
|
388
389
|
}
|
|
389
|
-
|
|
390
|
+
|
|
391
|
+
.get-brochure {
|
|
390
392
|
width: 152px;
|
|
391
393
|
height: var(--button-height);
|
|
392
394
|
padding: 7px 8px 7px 8px;
|
|
@@ -415,6 +417,7 @@ a {
|
|
|
415
417
|
#main-footer_links > div {
|
|
416
418
|
border-bottom: 1px solid rgba(223, 177, 99, 0.5019607843);
|
|
417
419
|
padding: 10px 0;
|
|
420
|
+
flex: 100%;
|
|
418
421
|
}
|
|
419
422
|
#main-footer_links .ant-space {
|
|
420
423
|
width: 100%;
|
|
@@ -507,7 +510,8 @@ a {
|
|
|
507
510
|
padding: 16px 0;
|
|
508
511
|
height: 56px;
|
|
509
512
|
}
|
|
510
|
-
#nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item:has(.logo_desktop)
|
|
513
|
+
#nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item:has(.logo_desktop),
|
|
514
|
+
#nav-drawer.ant-drawer-content .ant-drawer-body .ant-menu-light .ant-menu-item:has(.get-brochure) {
|
|
511
515
|
display: none;
|
|
512
516
|
}
|
|
513
517
|
#nav-drawer.ant-drawer-content .ant-drawer-body .nav-menu_mobile a {
|
|
@@ -532,19 +536,22 @@ a {
|
|
|
532
536
|
#main-header #toggle-menu {
|
|
533
537
|
display: none;
|
|
534
538
|
}
|
|
539
|
+
#main-header #get-brochure-mobile {
|
|
540
|
+
display: none;
|
|
541
|
+
}
|
|
535
542
|
#main-header .nav-menu {
|
|
536
543
|
display: flex;
|
|
537
544
|
flex: 1;
|
|
538
545
|
background: transparent;
|
|
539
546
|
height: 100%;
|
|
540
547
|
justify-content: center;
|
|
541
|
-
|
|
548
|
+
min-width: 100%;
|
|
542
549
|
}
|
|
543
550
|
#main-header .nav-menu a {
|
|
544
551
|
color: white;
|
|
545
552
|
text-transform: uppercase;
|
|
546
553
|
font-family: Poppins, san-serif;
|
|
547
|
-
font-size:
|
|
554
|
+
font-size: 14px;
|
|
548
555
|
font-weight: 500;
|
|
549
556
|
line-height: 24px;
|
|
550
557
|
letter-spacing: 0.05em;
|
|
@@ -558,9 +565,16 @@ a {
|
|
|
558
565
|
}
|
|
559
566
|
#main-header .nav-menu .ant-menu-item:has(.logo) {
|
|
560
567
|
padding: 0;
|
|
568
|
+
order: 1 !important;
|
|
569
|
+
padding-inline-start: 20px;
|
|
570
|
+
}
|
|
571
|
+
#main-header .nav-menu .ant-menu-item:has(.get-brochure) .ant-menu-title-content {
|
|
572
|
+
height: 100%;
|
|
573
|
+
display: flex;
|
|
574
|
+
align-items: center;
|
|
561
575
|
}
|
|
562
576
|
#main-header .logo {
|
|
563
|
-
width:
|
|
577
|
+
width: 295px;
|
|
564
578
|
}
|
|
565
579
|
#main-header .logo.logo_mobile {
|
|
566
580
|
display: none;
|
|
@@ -579,6 +593,15 @@ a {
|
|
|
579
593
|
#main-footer_links > div {
|
|
580
594
|
padding: 10px 0 40px;
|
|
581
595
|
}
|
|
596
|
+
#main-footer #countries {
|
|
597
|
+
flex: 1 0 25%;
|
|
598
|
+
}
|
|
599
|
+
#main-footer #footer-menus {
|
|
600
|
+
flex: 1 0 30%;
|
|
601
|
+
}
|
|
602
|
+
#main-footer #contact-infos {
|
|
603
|
+
flex: 1 0 20%;
|
|
604
|
+
}
|
|
582
605
|
#main-footer .footer-menu {
|
|
583
606
|
padding-top: 40px;
|
|
584
607
|
}
|
|
@@ -586,6 +609,37 @@ a {
|
|
|
586
609
|
gap: 10px !important;
|
|
587
610
|
align-items: flex-start;
|
|
588
611
|
}
|
|
612
|
+
#main-footer .contact-info .social-icons {
|
|
613
|
+
align-items: center;
|
|
614
|
+
}
|
|
615
|
+
}
|
|
616
|
+
@media only screen and (min-width: 899px) {
|
|
617
|
+
#main-header .nav-menu .ant-menu-item:has(.logo) {
|
|
618
|
+
order: 2 !important;
|
|
619
|
+
padding-inline-start: 0;
|
|
620
|
+
}
|
|
621
|
+
}
|
|
622
|
+
@media only screen and (min-width: 1008px) {
|
|
623
|
+
#main-header .nav-menu .ant-menu-item:has(.logo) {
|
|
624
|
+
order: 3 !important;
|
|
625
|
+
}
|
|
626
|
+
}
|
|
627
|
+
@media only screen and (min-width: 1300px) {
|
|
628
|
+
#main-header .nav-menu {
|
|
629
|
+
padding-inline-start: 80px;
|
|
630
|
+
}
|
|
631
|
+
#main-header .nav-menu a {
|
|
632
|
+
font-size: 16px;
|
|
633
|
+
}
|
|
634
|
+
#main-header .logo {
|
|
635
|
+
width: 304px;
|
|
636
|
+
}
|
|
637
|
+
#main-header .logo.logo_mobile {
|
|
638
|
+
display: none;
|
|
639
|
+
}
|
|
640
|
+
#main-header .logo.logo_desktop {
|
|
641
|
+
display: block;
|
|
642
|
+
}
|
|
589
643
|
}
|
|
590
644
|
#headline {
|
|
591
645
|
--side-padding: 20px;
|
|
@@ -803,6 +857,12 @@ a {
|
|
|
803
857
|
text-transform: uppercase;
|
|
804
858
|
}
|
|
805
859
|
|
|
860
|
+
.loader {
|
|
861
|
+
width: 100%;
|
|
862
|
+
text-align: center;
|
|
863
|
+
margin: 20px 0;
|
|
864
|
+
}
|
|
865
|
+
|
|
806
866
|
@media only screen and (min-width: 769px) {
|
|
807
867
|
#headline {
|
|
808
868
|
--side-padding: 10%;
|