Skip to content

Commit 06796c6

Browse files
StoneMoneyStoneMoney
committed
Demonstration Branch for ENgrid PR
1 parent 10ba261 commit 06796c6

6 files changed

Lines changed: 131 additions & 113 deletions

File tree

‎dist/engrid.css‎

Lines changed: 67 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
*
2020
* ENGRID PAGE TEMPLATE ASSETS
2121
*
22-
* Date: Thursday, May 14, 2026 @ 10:33:01 ET
22+
* Date: Thursday, May 14, 2026 @ 16:21:48 ET
2323
* By: nick
2424
* ENGrid styles: v0.25.0
2525
* ENGrid scripts: v0.25.1
@@ -2857,10 +2857,18 @@ a.button,a.button.active,a.button:active,a.button:focus,a.button:hover{
28572857
--click-to-expand__cta-image_height:16px;
28582858
}
28592859

2860+
body#en__pagebuilder .click-to-expand-screenreader-tip{
2861+
background-color:rgba(248,168,9,.102) !important;
2862+
}
2863+
28602864
body:not(#en__pagebuilder) .click-to-expand .click-to-expand-text-wrapper>:first-child{
28612865
margin-top:0;
28622866
}
28632867

2868+
body:not(#en__pagebuilder) .click-to-expand .click-to-expand-screenreader-tip{
2869+
display:none;
2870+
}
2871+
28642872
body:not(#en__pagebuilder) .click-to-expand:not(.expanded){
28652873
cursor:pointer;
28662874
max-height:var(--click-to-expand__copy-area_height);
@@ -2872,21 +2880,29 @@ body:not(#en__pagebuilder) .click-to-expand:not(.expanded) .click-to-expand-text
28722880
}
28732881
body:not(#en__pagebuilder) .click-to-expand:not(.expanded) .click-to-expand-cta{
28742882
background:var(--click-to-expand__cta-image_url);
2883+
background-color:initial;
28752884
background-position:bottom;
28762885
background-repeat:no-repeat;
28772886
background-size:var(--click-to-expand__cta-image_width) var(--click-to-expand__cta-image_height);
2887+
border:none;
28782888
bottom:0;
2889+
cursor:pointer;
28792890
height:var(--click-to-expand__cta-image_height);
28802891
left:0;
28812892
margin-left:auto;
28822893
margin-right:auto;
2894+
padding:0;
28832895
position:absolute;
28842896
right:0;
28852897
width:var(--click-to-expand__cta-image_width);
28862898
}
2899+
body:not(#en__pagebuilder) .click-to-expand:not(.expanded) .click-to-expand-cta:focus-visible{
2900+
outline:2px solid currentColor;
2901+
outline-offset:2px;
2902+
}
28872903

2888-
body:not(#en__pagebuilder) .click-to-expand.expanded .click-to-expand-text-wrapper{
2889-
outline:none;
2904+
body:not(#en__pagebuilder) .click-to-expand.expanded .click-to-expand-cta{
2905+
display:none;
28902906
}
28912907

28922908
[data-engrid-theme]{
@@ -4293,6 +4309,54 @@ button.en__eventOccurrence__select>label{
42934309
justify-self:end;
42944310
}
42954311

4312+
.en__overlay--waitlist .en__overlay__popup{
4313+
top:15vh;
4314+
}
4315+
.en__overlay--waitlist .en__overlay__header{
4316+
border-bottom:unset;
4317+
border-radius:unset;
4318+
}
4319+
.en__overlay--waitlist .en__overlay__content,.en__overlay--waitlist .en__overlay__header{
4320+
background:var(--engrid__page_background-color);
4321+
}
4322+
.en__overlay--waitlist .en__waitlistCopy{
4323+
font-size:var(--h2_font-size);
4324+
font-weight:var(--h2_font-weight);
4325+
line-height:var(--h2_line-height);
4326+
margin-left:auto;
4327+
margin-right:auto;
4328+
max-width:400px;
4329+
}
4330+
.en__overlay--waitlist .en__waitlistForm{
4331+
margin-left:auto;
4332+
margin-right:auto;
4333+
max-width:475px;
4334+
}
4335+
.en__overlay--waitlist .en__field{
4336+
display:grid;
4337+
gap:8px;
4338+
}
4339+
.en__overlay--waitlist .en__overlay__actions{
4340+
display:flex;
4341+
flex-direction:row-reverse;
4342+
justify-content:space-between;
4343+
margin:16px auto;
4344+
max-width:450px;
4345+
}
4346+
.en__overlay--waitlist .en__overlay__actions .en__button{
4347+
min-width:120px;
4348+
padding:var(--button_padding);
4349+
text-transform:uppercase;
4350+
}
4351+
.en__overlay--waitlist .en__overlay__actions .en__button--submit{
4352+
--button_background-color:var(--submit__button_background-color);
4353+
--button_border-color:var(--submit__button_border-color);
4354+
--button_color:var(--submit__button_color);
4355+
--button_background-color_hover:var(--submit__button_background-color_hover);
4356+
--button_border-color_hover:var(--submit__button_border-color_hover);
4357+
--button_color_hover:var(--submit__button_color_hover);
4358+
}
4359+
42964360
@media screen and (max-width:600px){
42974361
.en__ticket{
42984362
display:flex;
@@ -12917,52 +12981,6 @@ body[data-engrid-debug]:before{
1291712981
display:block;
1291812982
}
1291912983
}
12920-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__popup,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__popup,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__popup,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__popup,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__popup{
12921-
top:15vh;
12922-
}
12923-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__header,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__header,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__header,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__header,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__header{
12924-
background:#fff;
12925-
border-bottom:unset;
12926-
border-radius:unset;
12927-
}
12928-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistCopy,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistCopy,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistCopy,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistCopy,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistCopy{
12929-
font-family:var(--serif-fonts);
12930-
font-size:var(--h2_font-size);
12931-
font-weight:var(--h2_font-weight);
12932-
line-height:var(--h2_line-height);
12933-
margin-left:auto;
12934-
margin-right:auto;
12935-
max-width:400px;
12936-
}
12937-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistForm,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistForm,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistForm,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistForm,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__waitlistForm{
12938-
margin-left:auto;
12939-
margin-right:auto;
12940-
max-width:475px;
12941-
}
12942-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__field,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__field,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__field,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__field,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__field{
12943-
display:grid;
12944-
gap:8px;
12945-
}
12946-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions{
12947-
display:flex;
12948-
flex-direction:row-reverse;
12949-
justify-content:space-between;
12950-
margin:16px auto;
12951-
max-width:450px;
12952-
}
12953-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button{
12954-
min-width:120px;
12955-
padding:1.3rem 2.8rem;
12956-
text-transform:uppercase;
12957-
}
12958-
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button--submit,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button--submit,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button--submit,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button--submit,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col] .en__overlay--waitlist .en__overlay__actions .en__button--submit{
12959-
--button_background-color:var(--submit__button_background-color);
12960-
--button_border-color:var(--submit__button_border-color);
12961-
--button_color:var(--submit__button_color);
12962-
--button_background-color_hover:var(--submit__button_background-color_hover);
12963-
--button_border-color_hover:var(--submit__button_border-color_hover);
12964-
--button_color_hover:var(--submit__button_color_hover);
12965-
}
1296612984
[data-engrid-theme=tnc][data-engrid-event-page=checkout][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col][data-engrid-free-event=true] .hideif-free,[data-engrid-theme=tnc][data-engrid-event-page=details][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col][data-engrid-free-event=true] .hideif-free,[data-engrid-theme=tnc][data-engrid-event-page=thank-you][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col][data-engrid-free-event=true] .hideif-free,[data-engrid-theme=tnc][data-engrid-event-page=unknown][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col][data-engrid-free-event=true] .hideif-free,[data-engrid-theme=tnc][data-engrid-event-page=waitlist][data-engrid-subtheme=hero-banner][data-engrid-layout=centercenter1col][data-engrid-free-event=true] .hideif-free{
1296712985
display:none;
1296812986
}

‎dist/engrid.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
*
1818
* ENGRID PAGE TEMPLATE ASSETS
1919
*
20-
* Date: Thursday, May 14, 2026 @ 10:33:01 ET
20+
* Date: Thursday, May 14, 2026 @ 16:21:48 ET
2121
* By: nick
2222
* ENGrid styles: v0.25.0
2323
* ENGrid scripts: v0.25.1

‎dist/engrid.min.css‎

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/engrid.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/sass/event.scss‎

Lines changed: 55 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -567,61 +567,61 @@
567567
}
568568

569569
// EN NATIVE WAITLIST OVERLAY
570-
.en__overlay--waitlist {
571-
.en__overlay__popup {
572-
top: 15vh;
573-
}
574-
575-
.en__overlay__header {
576-
background: white;
577-
border-bottom: unset;
578-
border-radius: unset;
579-
}
580-
581-
.en__waitlistCopy {
582-
font-size: var(--h2_font-size);
583-
line-height: var(--h2_line-height);
584-
font-weight: var(--h2_font-weight);
585-
font-family: var(--serif-fonts);
586-
max-width: 400px;
587-
margin-left: auto;
588-
margin-right: auto;
589-
}
590-
591-
.en__waitlistForm {
592-
max-width: 475px;
593-
margin-left: auto;
594-
margin-right: auto;
595-
}
596-
597-
.en__field {
598-
display: grid;
599-
gap: 8px;
600-
}
601-
602-
.en__overlay__actions {
603-
display: flex;
604-
flex-direction: row-reverse;
605-
justify-content: space-between;
606-
max-width: 450px;
607-
margin: 16px auto;
608-
609-
.en__button {
610-
min-width: 120px;
611-
text-transform: uppercase;
612-
padding: 1.3rem 2.8rem;
613-
}
614-
615-
.en__button--submit {
616-
--button_background-color: var(--submit__button_background-color);
617-
--button_border-color: var(--submit__button_border-color);
618-
--button_color: var(--submit__button_color);
619-
--button_background-color_hover: var(--submit__button_background-color_hover);
620-
--button_border-color_hover: var(--submit__button_border-color_hover);
621-
--button_color_hover: var(--submit__button_color_hover);
622-
}
623-
}
624-
}
570+
// .en__overlay--waitlist {
571+
// .en__overlay__popup {
572+
// top: 15vh;
573+
// }
574+
575+
// .en__overlay__header {
576+
// background: white;
577+
// border-bottom: unset;
578+
// border-radius: unset;
579+
// }
580+
581+
// .en__waitlistCopy {
582+
// font-size: var(--h2_font-size);
583+
// line-height: var(--h2_line-height);
584+
// font-weight: var(--h2_font-weight);
585+
// font-family: var(--serif-fonts);
586+
// max-width: 400px;
587+
// margin-left: auto;
588+
// margin-right: auto;
589+
// }
590+
591+
// .en__waitlistForm {
592+
// max-width: 475px;
593+
// margin-left: auto;
594+
// margin-right: auto;
595+
// }
596+
597+
// .en__field {
598+
// display: grid;
599+
// gap: 8px;
600+
// }
601+
602+
// .en__overlay__actions {
603+
// display: flex;
604+
// flex-direction: row-reverse;
605+
// justify-content: space-between;
606+
// max-width: 450px;
607+
// margin: 16px auto;
608+
609+
// .en__button {
610+
// min-width: 120px;
611+
// text-transform: uppercase;
612+
// padding: 1.3rem 2.8rem;
613+
// }
614+
615+
// .en__button--submit {
616+
// --button_background-color: var(--submit__button_background-color);
617+
// --button_border-color: var(--submit__button_border-color);
618+
// --button_color: var(--submit__button_color);
619+
// --button_background-color_hover: var(--submit__button_background-color_hover);
620+
// --button_border-color_hover: var(--submit__button_border-color_hover);
621+
// --button_color_hover: var(--submit__button_color_hover);
622+
// }
623+
// }
624+
// }
625625

626626
&[data-engrid-free-event="true"] {
627627
.hideif-free {

‎src/sass/main.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
@import "tippy.js/themes/light-border.css";
44

55
/* ENGRID ASSETS */
6-
@import "@4site/engrid-styles"; // Uses ENGrid via NPM
7-
//@import "../../../engrid-scripts/packages/styles"; // Uses ENGrid via Visual Studio Workspace
6+
// @import "@4site/engrid-styles"; // Uses ENGrid via NPM
7+
@import "../../../engrid/packages/styles/"; // Uses ENGrid via Visual Studio Workspace
88

99
/* CLIENT THEME FONTS AND STYLES */
1010
@import "./page-template-fonts";
@@ -16,4 +16,4 @@
1616
body {
1717
opacity: 1;
1818
transition: opacity 0.2s;
19-
}
19+
}

0 commit comments

Comments
 (0)