Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UPDATE #3

Merged
merged 2 commits into from
Jun 19, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 50 additions & 8 deletions assets/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ html.no-js .no-js-hidden {
padding: 0 1.5rem;
}

body:has(.section-header .drawer-menu) .announcement-bar-section slideshow-component {
body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
max-width: 100%;
}

Expand Down Expand Up @@ -2116,6 +2116,46 @@ product-info .loading-overlay:not(.hidden) ~ *,
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

@media screen and (min-width: 990px) {
.utility-bar--bottom-border-social-only {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
}

.utility-bar__grid {
display: grid;
grid-template-columns: 1fr;
}

.utility-bar__grid .list-social {
justify-content: flex-start;
align-content: center;
margin-left: -1.2rem;
}

@media screen and (max-width: 989px) {
.utility-bar .utility-bar__grid .list-social {
display: none;
}
}

.utility-bar .list-social__item .icon {
scale: 0.9;
}

@media screen and (min-width: 990px) {
.utility-bar__grid {
grid-template-columns: 3fr 4fr 3fr;
grid-template-areas: 'social-icons announcements language-currency';
}

.announcement-bar.announcement-bar--one-announcement,
.announcement-bar--one-announcement .announcement-bar__link {
width: fit-content;
margin: auto;
}
}

.announcement-bar,
.announcement-bar__announcement {
color: rgb(var(--color-foreground));
Expand All @@ -2131,6 +2171,10 @@ product-info .loading-overlay:not(.hidden) ~ *,
margin-bottom: 0;
}

.utility-bar__grid .announcement-bar-slider {
width: 100%;
}

.announcement-bar-slider,
.announcement-bar-slider .slider {
width: 100%;
Expand All @@ -2147,7 +2191,8 @@ product-info .loading-overlay:not(.hidden) ~ *,
}

.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible {
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
outline-offset: -0.3rem;
box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));
}
Expand All @@ -2163,12 +2208,9 @@ product-info .loading-overlay:not(.hidden) ~ *,
}

@media screen and (min-width: 990px) {
body:has(.section-header .header:not(.drawer-menu)) .announcement-bar-section .announcement-bar .slider-button--next {
margin-right: -1.8rem;
}

body:has(.section-header .header:not(.drawer-menu)) .announcement-bar-section .announcement-bar .slider-button--prev {
margin-left: -1.8rem;
body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
padding-left: 5rem;
padding-right: 5rem;
}

.announcement-bar-slider {
Expand Down
3 changes: 3 additions & 0 deletions assets/recipient-form.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ if (!customElements.get('recipient-form')) {
class RecipientForm extends HTMLElement {
constructor() {
super();
this.recipientFieldsLiveRegion = this.querySelector(`#Recipient-fields-live-region-${this.dataset.sectionId}`);
this.checkboxInput = this.querySelector(`#Recipient-checkbox-${this.dataset.sectionId}`);
this.checkboxInput.disabled = false;
this.hiddenControlField = this.querySelector(`#Recipient-control-${this.dataset.sectionId}`);
Expand Down Expand Up @@ -65,10 +66,12 @@ if (!customElements.get('recipient-form')) {
onChange() {
if (this.checkboxInput.checked) {
this.enableInputFields();
this.recipientFieldsLiveRegion.innerText = window.accessibilityStrings.recipientFormExpanded;
} else {
this.clearInputFields();
this.disableInputFields();
this.clearErrorMessage();
this.recipientFieldsLiveRegion.innerText = window.accessibilityStrings.recipientFormCollapsed;
}
}

Expand Down
2 changes: 2 additions & 0 deletions layout/theme.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -312,6 +312,8 @@
shareSuccess: `{{ 'general.share.success_message' | t }}`,
pauseSlideshow: `{{ 'sections.slideshow.pause_slideshow' | t }}`,
playSlideshow: `{{ 'sections.slideshow.play_slideshow' | t }}`,
recipientFormExpanded: `{{ 'recipient.form.expanded' | t }}`,
recipientFormCollapsed: `{{ 'recipient.form.collapsed' | t }}`,
};
</script>

Expand Down
4 changes: 3 additions & 1 deletion locales/bg-BG.json
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,9 @@
"max_characters": "Макс. {{ max_chars }} знака",
"email_label_optional_for_no_js_behavior": "Имейл на получателя (незадължително)",
"send_on": "ГГГГ-ММ-ДД",
"send_on_label": "Изпращане на (незадължително)"
"send_on_label": "Изпращане на (незадължително)",
"expanded": "Формулярът за получател на ваучер за подарък е разгънат",
"collapsed": "Формулярът за получател на ваучер за подарък е свит"
}
}
}
4 changes: 3 additions & 1 deletion locales/cs.json
Original file line number Diff line number Diff line change
Expand Up @@ -494,7 +494,9 @@
"max_characters": "Maximální počet znaků: {{ max_chars }}",
"email_label_optional_for_no_js_behavior": "E-mail příjemce (volitelné)",
"send_on": "RRRR-MM-DD",
"send_on_label": "Datum odeslání (volitelné)"
"send_on_label": "Datum odeslání (volitelné)",
"expanded": "Formulář pro příjemce dárkové karty se rozbalil.",
"collapsed": "Formulář pro příjemce dárkové karty se sbalil."
}
}
}
12 changes: 11 additions & 1 deletion locales/cs.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,20 @@
},
"settings": {
"auto_rotate": {
"label": "Automaticky otočit snímky"
"label": "Automaticky střídat oznámení"
},
"change_slides_speed": {
"label": "Změnit snímek co"
},
"header__1": {
"content": "Ikony sociálních sítí",
"info": "Pokud chcete zobrazit své účty na sociálních sítích, přidejte na ně v [nastavení motivu](/editor?context=theme&category=social%20media) příslušné odkazy."
},
"header__2": {
"content": "Oznámení"
},
"show_social": {
"label": "Zobrazit ikony na ploše"
}
}
},
Expand Down
4 changes: 3 additions & 1 deletion locales/da.json
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,9 @@
"max_characters": "Højst {{ max_chars }} tegn",
"email_label_optional_for_no_js_behavior": "Modtagerens mailadresse (valgfrit)",
"send_on": "ÅÅÅÅ-MM-DD",
"send_on_label": "Send (valgfrit)"
"send_on_label": "Send (valgfrit)",
"expanded": "Formularen til modtager af gavekort er vist",
"collapsed": "Formularen til modtager af gavekort er skjult"
}
}
}
12 changes: 11 additions & 1 deletion locales/da.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,20 @@
},
"settings": {
"auto_rotate": {
"label": "Roter automatisk slides"
"label": "Roter meddelelser automatisk"
},
"change_slides_speed": {
"label": "Skift slide hver"
},
"header__1": {
"content": "Ikoner for sociale medier",
"info": "Hvis du vil vise dine konti på sociale medier, skal du linke dem i dine [temaindstillinger](/editor?context=theme&category=social%20media)."
},
"header__2": {
"content": "Meddelelser"
},
"show_social": {
"label": "Vis ikoner på skrivebordet"
}
}
},
Expand Down
4 changes: 3 additions & 1 deletion locales/de.json
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,9 @@
"max_characters": "Maximal {{ max_chars }} Zeichen",
"email_label_optional_for_no_js_behavior": "E-Mail-Adresse des Empfängers (optional)",
"send_on": "JJJJ-MM-TT",
"send_on_label": "Senden am (optional)"
"send_on_label": "Senden am (optional)",
"expanded": "Formular für den Empfänger des Geschenkgutscheins erweitert",
"collapsed": "Formular für den Empfänger des Geschenkgutscheins minimiert"
}
}
}
12 changes: 11 additions & 1 deletion locales/de.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,20 @@
},
"settings": {
"auto_rotate": {
"label": "Autorotieren der Slides"
"label": "Autorotieren der Ankündigungen"
},
"change_slides_speed": {
"label": "Slides überall ändern"
},
"header__1": {
"content": "Social-Media-Symbole",
"info": "Um deine Social-Media-Konten anzuzeigen, verlinke sie in deinen [Theme-Einstellungen](/editor?context=theme&category=social%20media)."
},
"header__2": {
"content": "Ankündigungen"
},
"show_social": {
"label": "Symbole auf dem Desktop anzeigen"
}
}
},
Expand Down
4 changes: 3 additions & 1 deletion locales/el.json
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,9 @@
"max_characters": "Έως {{ max_chars }} χαρακτήρες",
"email_label_optional_for_no_js_behavior": "Email παραλήπτη (προαιρετικά)",
"send_on": "ΕΕΕΕ-ΜΜ-ΗΗ",
"send_on_label": "Ημερομηνία αποστολής (προαιρετικά)"
"send_on_label": "Ημερομηνία αποστολής (προαιρετικά)",
"expanded": "Η φόρμα παραλήπτη δωροκάρτας αναπτύχθηκε",
"collapsed": "Η φόρμα παραλήπτη δωροκάρτας συμπτύχθηκε"
}
}
}
2 changes: 2 additions & 0 deletions locales/en.default.json
Original file line number Diff line number Diff line change
Expand Up @@ -466,6 +466,8 @@
"recipient": {
"form": {
"checkbox": "I want to send this as a gift",
"expanded": "Gift card recipient form expanded",
"collapsed": "Gift card recipient form collapsed",
"email_label": "Recipient email",
"email_label_optional_for_no_js_behavior": "Recipient email (optional)",
"email": "Email",
Expand Down
12 changes: 11 additions & 1 deletion locales/en.default.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -442,10 +442,20 @@
"name": "Announcement bar",
"settings": {
"auto_rotate": {
"label": "Auto-rotate slides"
"label": "Auto-rotate announcements"
},
"change_slides_speed": {
"label": "Change slides every"
},
"header__1": {
"content": "Social media icons",
"info": "To display your social media accounts, link them in your [theme settings](/editor?context=theme&category=social%20media)."
},
"header__2": {
"content": "Announcements"
},
"show_social": {
"label": "Show icons on desktop"
}
},
"blocks": {
Expand Down
4 changes: 3 additions & 1 deletion locales/es.json
Original file line number Diff line number Diff line change
Expand Up @@ -484,7 +484,9 @@
"max_characters": "{{ max_chars }} caracteres máx.",
"email_label_optional_for_no_js_behavior": "Correo electrónico de la persona destinataria (opcional)",
"send_on": "AAAA-MM-DD",
"send_on_label": "Enviar el (opcional)"
"send_on_label": "Enviar el (opcional)",
"expanded": "Formulario del destinatario de la tarjeta de regalo expandido",
"collapsed": "Formulario del destinatario de tarjeta de regalo contraído"
}
}
}
12 changes: 11 additions & 1 deletion locales/es.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,20 @@
},
"settings": {
"auto_rotate": {
"label": "Girar las diapositivas automáticamente"
"label": "Rotar anuncios automáticamente"
},
"change_slides_speed": {
"label": "Cambiar de diapositiva cada"
},
"header__1": {
"content": "Íconos de redes sociales",
"info": "Para mostrar tus cuentas de redes sociales, vincúlalas en la [configuración del tema](/editor?context=theme&category=social%20media)."
},
"header__2": {
"content": "Anuncios"
},
"show_social": {
"label": "Mostrar íconos en el escritorio"
}
},
"presets": {
Expand Down
4 changes: 3 additions & 1 deletion locales/fi.json
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,9 @@
"max_characters": "enintään {{ max_chars }} merkkiä",
"email_label_optional_for_no_js_behavior": "Vastaanottajan sähköpostiosoite (valinnainen)",
"send_on": "VVVV-KK-PP",
"send_on_label": "Lähetä (valinnainen)"
"send_on_label": "Lähetä (valinnainen)",
"expanded": "Lahjakortin saajalomake laajennettuna",
"collapsed": "Lahjakortin saajalomake pienennettynä"
}
}
}
12 changes: 11 additions & 1 deletion locales/fi.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,20 @@
},
"settings": {
"auto_rotate": {
"label": "Käännä diat automaattisesti"
"label": "Kierrä ilmoituksia automaattisesti"
},
"change_slides_speed": {
"label": "Vaihda diat joka"
},
"header__1": {
"content": "Some-kuvakkeet",
"info": "Jos haluat näyttää sosiaalisen median tilisi, linkitä ne [teema-asetuksistasi](/editor?context=theme&category=social%20media)."
},
"header__2": {
"content": "Ilmoitukset"
},
"show_social": {
"label": "Näytä työpöydällä olevat kuvakkeet"
}
},
"presets": {
Expand Down
4 changes: 3 additions & 1 deletion locales/fr.json
Original file line number Diff line number Diff line change
Expand Up @@ -484,7 +484,9 @@
"max_characters": "{{ max_chars }} caractères au maximum",
"email_label_optional_for_no_js_behavior": "E‑mail du destinataire (facultatif)",
"send_on": "AAAA-MM-JJ",
"send_on_label": "Envoyer le (facultatif)"
"send_on_label": "Envoyer le (facultatif)",
"expanded": "Formulaire de destinataire de carte-cadeau agrandi",
"collapsed": "Formulaire de destinataire de carte-cadeau réduit"
}
}
}
12 changes: 11 additions & 1 deletion locales/fr.schema.json
Original file line number Diff line number Diff line change
Expand Up @@ -467,10 +467,20 @@
},
"settings": {
"auto_rotate": {
"label": "Rotation automatique des diapositives"
"label": "Rotation automatique des annonces"
},
"change_slides_speed": {
"label": "Changer de diapositive toutes les"
},
"header__1": {
"content": "Icônes de réseaux sociaux",
"info": "Pour afficher vos comptes de réseaux sociaux, ajoutez les liens correspondants dans les [paramètres de votre thème](/editor?context=theme&category=social%20media)."
},
"header__2": {
"content": "Annonces"
},
"show_social": {
"label": "Afficher les icônes sur le bureau"
}
}
},
Expand Down
4 changes: 3 additions & 1 deletion locales/hr-HR.json
Original file line number Diff line number Diff line change
Expand Up @@ -484,7 +484,9 @@
"max_characters": "Najveći dopušteni broj znakova: {{ max_chars }}",
"email_label_optional_for_no_js_behavior": "Adresa e-pošte primatelja (nije obavezno)",
"send_on": "YYYY-MM-DD",
"send_on_label": "Datum slanja (neobavezno)"
"send_on_label": "Datum slanja (neobavezno)",
"expanded": "Obrazac primatelja poklon-kartice je povećan",
"collapsed": "Obrazac primatelja poklon-kartice je smanjen"
}
}
}
4 changes: 3 additions & 1 deletion locales/hu.json
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,9 @@
"max_characters": "Maximum {{ max_chars }} karakter",
"email_label_optional_for_no_js_behavior": "Címzett e-mail-címe (nem kötelező)",
"send_on": "ÉÉÉÉ-HH-NN",
"send_on_label": "Küldés dátuma (nem kötelező)"
"send_on_label": "Küldés dátuma (nem kötelező)",
"expanded": "Ajándékkártya címzettjének űrlapja kibontva",
"collapsed": "Ajándékkártya címzettjének űrlapja összecsukva"
}
}
}
Loading