feat: Enhance gallery functionality with lightbox feature and improve icon sprite accessibility
- Added a lightbox feature for gallery images, allowing users to view photos in a modal with navigation controls. - Updated the SVG sprite to include inline styles for better accessibility. - Increased CSS specificity by doubling the `.vc-app` class to ensure styles override Astra theme defaults. - Introduced new shortcodes for bus tours, about section, and articles in the VC_Sections class. - Improved the handling of featured images in the single tour template for sharper display. - Updated version number to 1.8.15.
This commit is contained in:
@@ -421,6 +421,7 @@
|
||||
}
|
||||
|
||||
.hoho .ring-badge--top .ring-badge__text {
|
||||
fill: #808080;
|
||||
font-size: 0.625rem;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
@@ -546,15 +547,26 @@
|
||||
box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.18);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(-0.375rem);
|
||||
transition: opacity 0.2s var(--ease), transform 0.2s var(--ease), visibility 0.2s;
|
||||
transform: translateY(-0.4rem) scale(0.97);
|
||||
transform-origin: top center;
|
||||
/* Exit: fade/slide out, then flip visibility only once the fade is done, so
|
||||
the close animates instead of snapping. */
|
||||
transition:
|
||||
opacity 0.16s var(--ease),
|
||||
transform 0.16s var(--ease),
|
||||
visibility 0s linear 0.16s;
|
||||
}
|
||||
|
||||
.hoho .nav__item--has-menu:hover .nav__submenu,
|
||||
.hoho .nav__toggle[aria-expanded="true"]+.nav__submenu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
transform: translateY(0) scale(1);
|
||||
/* Enter: a slightly longer, soft ease-out so it settles in gently. */
|
||||
transition:
|
||||
opacity 0.24s var(--ease),
|
||||
transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
visibility 0s;
|
||||
}
|
||||
|
||||
.hoho .nav__submenu a {
|
||||
@@ -1868,14 +1880,24 @@
|
||||
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.22);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(-0.5rem);
|
||||
transition: opacity 0.25s var(--ease), transform 0.25s var(--ease), visibility 0.25s;
|
||||
transform: translateY(-0.6rem) scale(0.98);
|
||||
transform-origin: top right;
|
||||
/* Exit: fade/slide up, then hide once the fade completes. */
|
||||
transition:
|
||||
opacity 0.18s var(--ease),
|
||||
transform 0.18s var(--ease),
|
||||
visibility 0s linear 0.18s;
|
||||
}
|
||||
|
||||
.hoho .nav.is-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
transform: translateY(0) scale(1);
|
||||
/* Enter: soft ease-out settle. */
|
||||
transition:
|
||||
opacity 0.26s var(--ease),
|
||||
transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
visibility 0s;
|
||||
}
|
||||
|
||||
.hoho .nav__list {
|
||||
|
||||
Reference in New Issue
Block a user