diff --git a/src/layout.css b/src/layout.css index afa8aef..ebf41df 100644 --- a/src/layout.css +++ b/src/layout.css @@ -229,16 +229,19 @@ div.spacer { align-self: center; position: fixed; bottom: 25px; - padding-left: 5px; transition: 0.5s; } -#controls-container:hover { +#controls-container[checks] { + padding-left: 5px; +} + +#controls-container[checks]:hover { border-radius: 0 100vh 100vh 0; transition: 0.5s; } -#controls-container::before { +#controls-container[checks]::before { content: attr(checks); position: absolute; bottom: 0; @@ -253,7 +256,7 @@ div.spacer { transition: 0.5s; } -#controls-container:hover::before { +#controls-container[checks]:hover::before { right: 100%; background-color: var(--accent-color); transition: 0.5s; diff --git a/src/modules/ui.js b/src/modules/ui.js index e85e264..bb087b6 100644 --- a/src/modules/ui.js +++ b/src/modules/ui.js @@ -840,6 +840,12 @@ export function suggestionsModal(event = null, suggestion = null) { selectAll: !suggestion, disabled: suggestion, defaultValue: suggestion || '', + }, + { + type: 'text', + label: 'Contact Information (Optional)', + placeholder: 'Email address, Instagram handle, Discord username, etc.', + required: false, } ], buttons: [ @@ -859,6 +865,7 @@ export function suggestionsModal(event = null, suggestion = null) { "entry.470737118": storage.get("code"), "entry.888169052": inputValues[0], "entry.689497704": `${storage.get("code")}:${inputValues[1]}`, + "entry.1640008306": `${storage.get("code")}:${inputValues[2]}`, }; const params = new URLSearchParams(fields).toString(); const url = "https://docs.google.com/forms/d/e/1FAIpQLSf5hoON2TQWxpzb1wMjW4EY2BbDtM-KLe-B7kUJj4FM6aExDw/formResponse?";