working rsvp

add2cal · Nov 13, 2023 · e10b24c · e10b24c
1 parent 1b729c2
commit e10b24c
Show file tree

Hide file tree

Showing 23 changed files with 729 additions and 327 deletions.
diff --git a/assets/css/atcb-3d.css b/assets/css/atcb-3d.css
@@ -25,7 +25,7 @@
   --base-font-size-s: 16px;
   --font: arial, helvetica, sans-serif;
   --keyboard-focus: #1e90ff;
-  --wrapper-padding: 5px;
+  --wrapper-padding: 0px;
   --btn-background: #f5f5f5;
   --btn-hover-background: #fff;
   --btn-border: #d2d2d2;
@@ -174,6 +174,7 @@
   border: 1px solid var(--btn-border);
   border-radius: var(--btn-border-radius);
   box-shadow: var(--btn-shadow);
+  box-sizing: content-box;
   color: var(--btn-text);
   cursor: pointer;
   display: flex;
@@ -183,8 +184,7 @@
   justify-content: center;
   line-height: 1.5em;
   margin: 0;
-  max-width: 350px;
-  min-width: 10em;
+  max-width: 300px;
   padding: var(--btn-padding-y) var(--btn-padding-x);
   position: relative;
   text-align: center;
@@ -197,8 +197,11 @@
   z-index: 1;
 }
 
+.atcb-button:not(.atcb-no-text, .atcb-modal-style, .atcb-dropoverlay, .atcb-single) {
+  min-width: calc(11em - 2 * var(--btn-padding-x));
+}
+
 .atcb-button.atcb-no-text {
-  min-width: 0;
   display: flex;
   place-content: center center;
   align-items: center;
@@ -233,8 +236,6 @@
   background-color: var(--btn-hover-background);
   box-shadow: var(--btn-active-shadow);
   color: var(--btn-hover-text);
-  margin: -.13em;
-  padding: calc(var(--btn-padding-y) + .13em) var(--btn-padding-x + .13em);
 }
 
 .atcb-button.atcb-no-text:focus,
@@ -294,10 +295,6 @@
   overflow-wrap: anywhere;
 }
 
-.atcb-button:disabled .atcb-text {
-  letter-spacing: .1em;
-}
-
 /******************************
  * Options List
  */
@@ -935,6 +932,11 @@ a.atcb-modal-btn:focus-visible{
   padding-bottom: .2em;
 }
 
+.atcb-icon.atcb-icon-rsvp {
+  height: 1.5em;
+  width: 1.5em;
+}
+
 .atcb-icon.atcb-icon-apple svg {
   fill: currentcolor;
 }

diff --git a/assets/css/atcb-3d.min.css b/assets/css/atcb-3d.min.css
diff --git a/assets/css/atcb-date.css b/assets/css/atcb-date.css
@@ -25,7 +25,7 @@
   --base-font-size-s: 16px;
   --font: arial, helvetica, sans-serif;
   --keyboard-focus: #1e90ff;
-  --wrapper-padding: 5px;
+  --wrapper-padding: 0px;
   --btn-background: #f5f5f5;
   --btn-hover-background: #fff;
   --btn-border: #d2d2d2;
@@ -293,10 +293,6 @@
   box-sizing: border-box;
 }
 
-.atcb-button:disabled .atcb-date-btn-hover {
-  letter-spacing: .1em;
-}
-
 .atcb-button:hover .atcb-date-btn-details,
 .atcb-subevent-btn:hover .atcb-date-btn-details {
   opacity: 0;

diff --git a/assets/css/atcb-date.min.css b/assets/css/atcb-date.min.css
diff --git a/assets/css/atcb-flat.css b/assets/css/atcb-flat.css
@@ -151,6 +151,7 @@
   align-items: center;
   background-color: var(--btn-background);
   border: 0.2em solid var(--btn-border);
+  box-sizing: content-box;
   color: var(--btn-text);
   cursor: pointer;
   display: flex;
@@ -160,8 +161,7 @@
   justify-content: center;
   line-height: 1.5em;
   margin: 0;
-  max-width: 350px;
-  min-width: 10em;
+  max-width: 300px;
   padding: var(--btn-padding-y) var(--btn-padding-x);
   top: 0;
   left: 0;
@@ -176,8 +176,11 @@
   z-index: 1;
 }
 
+.atcb-button:not(.atcb-no-text, .atcb-modal-style, .atcb-dropoverlay, .atcb-single) {
+  min-width: calc(11em - 2 * var(--btn-padding-x));
+}
+
 .atcb-button.atcb-no-text {
-  min-width: 0;
   display: flex;
   place-content: center center;
   align-items: center;
@@ -270,10 +273,6 @@
   overflow-wrap: anywhere;
 }
 
-.atcb-button:disabled .atcb-text {
-  letter-spacing: .1em;
-}
-
 /******************************
  * Options List
  */
@@ -846,6 +845,11 @@ a.atcb-modal-btn:focus-visible{
   padding-bottom: .15em;
 }
 
+.atcb-icon.atcb-icon-rsvp {
+  height: 1.5em;
+  width: 1.5em;
+}
+
 .atcb-icon.atcb-icon-apple svg {
   fill: currentcolor;
 }

diff --git a/assets/css/atcb-flat.min.css b/assets/css/atcb-flat.min.css
diff --git a/assets/css/atcb-neumorphism.css b/assets/css/atcb-neumorphism.css
@@ -25,7 +25,7 @@
   --base-font-size-s: 16px;
   --font: arial, helvetica, sans-serif;
   --keyboard-focus: #1e90ff;
-  --wrapper-padding: 5px 12px 12px 5px;
+  --wrapper-padding: 0px;
   --btn-background: #f5f5f5;
   --btn-hover-background: #fff;
   --btn-text: #444;
@@ -176,7 +176,6 @@
   line-height: 1.5em;
   margin: 0;
   max-width: 350px;
-  min-width: 10em;
   padding: var(--btn-padding-y) var(--btn-padding-x);
   position: relative;
   text-align: center;
@@ -265,10 +264,6 @@
   overflow-wrap: anywhere;
 }
 
-.atcb-button:disabled .atcb-text {
-  letter-spacing: .1em;
-}
-
 /******************************
  * Options List
  */
@@ -842,6 +837,11 @@ a.atcb-modal-btn:focus-visible {
   padding-bottom: .2em;
 }
 
+.atcb-icon.atcb-icon-rsvp {
+  height: 1.5em;
+  width: 1.5em;
+}
+
 .atcb-icon.atcb-icon-apple svg {
   fill: currentcolor;
 }

diff --git a/assets/css/atcb-neumorphism.min.css b/assets/css/atcb-neumorphism.min.css
diff --git a/assets/css/atcb-round.css b/assets/css/atcb-round.css
@@ -25,7 +25,7 @@
   --base-font-size-s: 16px;
   --font: arial, helvetica, sans-serif;
   --keyboard-focus: #1e90ff;
-  --wrapper-padding: 5px;
+  --wrapper-padding: 1px;
   --btn-background: #f5f5f5;
   --btn-hover-background: #fff;
   --btn-border: #d2d2d2;
@@ -180,7 +180,6 @@
   line-height: 1.5em;
   margin: .13em;
   max-width: 350px;
-  min-width: 10em;
   padding: var(--btn-padding-y) var(--btn-padding-x);
   position: relative;
   text-align: center;
@@ -320,10 +319,6 @@
   overflow-wrap: anywhere;
 }
 
-.atcb-button:disabled .atcb-text {
-  letter-spacing: .1em;
-}
-
 /******************************
  * Options List
  */
@@ -937,6 +932,11 @@ a.atcb-modal-btn:focus-visible {
   padding-bottom: .2em;
 }
 
+.atcb-icon.atcb-icon-rsvp {
+  height: 1.5em;
+  width: 1.5em;
+}
+
 .atcb-icon.atcb-icon-apple svg {
   fill: currentcolor;
 }

diff --git a/assets/css/atcb-round.min.css b/assets/css/atcb-round.min.css
diff --git a/assets/css/atcb-text.css b/assets/css/atcb-text.css
@@ -319,10 +319,6 @@
   overflow-wrap: anywhere;
 }
 
-.atcb-button:disabled .atcb-text {
-  letter-spacing: .1em;
-}
-
 /******************************
  * Options List
  */
@@ -927,6 +923,11 @@ a.atcb-modal-btn:focus-visible{
   padding-bottom: .15em;
 }
 
+.atcb-icon.atcb-icon-rsvp {
+  height: 1.5em;
+  width: 1.5em;
+}
+
 .atcb-icon.atcb-icon-apple svg {
   fill: currentcolor;
 }

diff --git a/assets/css/atcb-text.min.css b/assets/css/atcb-text.min.css
diff --git a/assets/css/atcb.css b/assets/css/atcb.css
@@ -25,7 +25,7 @@
   --base-font-size-s: 16px;
   --font: arial, helvetica, sans-serif;
   --keyboard-focus: #1e90ff;
-  --wrapper-padding: 5px;
+  --wrapper-padding: 1px;
   --btn-background: #f5f5f5;
   --btn-hover-background: #fff;
   --btn-border: #d2d2d2;
@@ -170,6 +170,7 @@
   border: 1px solid var(--btn-border);
   border-radius: var(--btn-border-radius);
   box-shadow: var(--btn-shadow);
+  box-sizing: content-box;
   color: var(--btn-text);
   cursor: pointer;
   display: flex;
@@ -179,8 +180,7 @@
   justify-content: center;
   line-height: 1.5em;
   margin: .13em;
-  max-width: 350px;
-  min-width: 10em;
+  max-width: 300px;
   padding: var(--btn-padding-y) var(--btn-padding-x);
   position: relative;
   text-align: center;
@@ -192,8 +192,11 @@
   z-index: 1;
 }
 
+.atcb-button:not(.atcb-no-text, .atcb-modal-style, .atcb-dropoverlay, .atcb-single) {
+  min-width: calc(11em - 2 * var(--btn-padding-x));
+}
+
 .atcb-button.atcb-no-text {
-  min-width: 0;
   display: flex;
   place-content: center center;
   align-items: center;
@@ -216,6 +219,8 @@
   background-color: var(--btn-hover-background);
   box-shadow: var(--btn-hover-shadow);
   color: var(--btn-hover-text);
+  margin: 0;
+  padding: calc(var(--btn-padding-y) + .13em) calc(var(--btn-padding-x) + .13em);
 }
 
 .atcb-button.atcb-active:not(.atcb-modal-style, .atcb-dropoverlay) {
@@ -236,7 +241,7 @@
 .atcb-button.atcb-no-text:hover {
   height: 3.26em;
   width: 3.26em;
-  padding: 0;
+  padding: 0 !important;
 }
 
 .atcb-button.atcb-active.atcb-dropoverlay {
@@ -276,10 +281,6 @@
   overflow-wrap: anywhere;
 }
 
-.atcb-button:disabled .atcb-text {
-  letter-spacing: .1em;
-}
-
 /******************************
  * Options List
  */
@@ -866,6 +867,11 @@ a.atcb-modal-btn:focus-visible{
   padding-bottom: .2em;
 }
 
+.atcb-icon.atcb-icon-rsvp {
+  height: 1.5em;
+  width: 1.5em;
+}
+
 .atcb-icon.atcb-icon-apple svg {
   fill: currentcolor;
 }
@@ -941,6 +947,7 @@ a.atcb-modal-btn:focus-visible{
 }
 
 .pro-field input[type="text"],
+.pro-field input[type="email"],
 .pro-field input[type="number"] {
   width: 100%;
   box-sizing: border-box;
@@ -952,11 +959,13 @@ a.atcb-modal-btn:focus-visible{
 }
 
 .pro-field input[type="text"]:hover,
+.pro-field input[type="email"]:hover,
 .pro-field input[type="number"]:hover {
   opacity: 1;
 }
 
 .pro-field input[type="text"]:focus,
+.pro-field input[type="email"]:focus,
 .pro-field input[type="number"]:focus {
   outline: none;
   border-color: var(--keyboard-focus);
@@ -996,7 +1005,10 @@ a.atcb-modal-btn:focus-visible{
   color: #f44336;
 }
 
-#ty-success-msg {
+#ty-success-msg,
+#rsvp-success-msg,
+#rsvp-success-msg-doi,
+#rsvp-success-msg-demo {
   display: none;
   font-weight: bold;
   color: #4caf50;
@@ -1065,6 +1077,17 @@ a.atcb-modal-btn:focus-visible{
   }
 }
 
+.pro #rsvp-sent-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5em;
+}
+
+.pro #rsvp-sent-content p {
+  margin-bottom: 2em;
+}
+
 /* overrides */
 .atcb-modal-content .pro p {
   margin: 0;

diff --git a/assets/css/atcb.min.css b/assets/css/atcb.min.css