${this.renderFormInput({
diff --git a/apps/pwabuilder/src/script/pages/app-report.ts b/apps/pwabuilder/src/script/pages/app-report.ts
index 7596b39d7..d7cafbdfe 100644
--- a/apps/pwabuilder/src/script/pages/app-report.ts
+++ b/apps/pwabuilder/src/script/pages/app-report.ts
@@ -1650,12 +1650,6 @@ export class AppReport extends LitElement {
this.pageNumber = 1;
}
- copyReportCardLink() {
- navigator.clipboard.writeText(window.location.href).then(() => {
- setTimeout(() =>{this.shadowRoot!.querySelector("#cl-mani-tooltip")!.removeAttribute('open')}, 2000)
- })
- }
-
// Opens manifest editor and tracks analytics
async openManifestEditorModal() {
let dialog: any = this.shadowRoot!.querySelector("manifest-editor-frame")!.shadowRoot!.querySelector(".dialog");
@@ -2461,7 +2455,7 @@ export class AppReport extends LitElement {
}
-
+
${this.manifestDataLoading ? html`` : html`
this.addRetestTodo("Manifest")}>`}
diff --git a/apps/pwabuilder/src/script/services/publish/windows-publish.ts b/apps/pwabuilder/src/script/services/publish/windows-publish.ts
index 865caa602..290727dea 100644
--- a/apps/pwabuilder/src/script/services/publish/windows-publish.ts
+++ b/apps/pwabuilder/src/script/services/publish/windows-publish.ts
@@ -228,7 +228,7 @@ export const windowsLanguages = [
{ "codes": ["et", "et-ee"], "name": "Estonian" },
{ "codes": ["fil", "fil-latn", "fil-ph"], "name": "Filipino" },
{ "codes": ["fi", "fi-fi"], "name": "Finnish" },
- { "codes": ["fr", "fr-be ", "fr-ca ", "fr-ch ", "fr-fr ", "fr-lu", "fr-015", "fr-cd", "fr-ci", "fr-cm", "fr-ht", "fr-ma", "fr-mc", "fr-ml", "fr-re", "frc-latn", "frp-latn", "fr-155", "fr-029", "fr-021", "fr-011"], "name": "French" },
+ { "codes": ["fr", "fr-be", "fr-ca", "fr-ch", "fr-fr", "fr-lu", "fr-015", "fr-cd", "fr-ci", "fr-cm", "fr-ht", "fr-ma", "fr-mc", "fr-ml", "fr-re", "frc-latn", "frp-latn", "fr-155", "fr-029", "fr-021", "fr-011"], "name": "French" },
{ "codes": ["gl", "gl-es"], "name": "Galician" },
{ "codes": ["ka", "ka-ge"], "name": "Georgian" },
{ "codes": ["de", "de-at", "de-ch", "de-de", "de-lu", "de-li"], "name": "German" },
diff --git a/apps/pwabuilder/src/shoelace.ts b/apps/pwabuilder/src/shoelace.ts
index 2458a4b54..1de298486 100644
--- a/apps/pwabuilder/src/shoelace.ts
+++ b/apps/pwabuilder/src/shoelace.ts
@@ -16,6 +16,7 @@ import '@shoelace-style/shoelace/dist/components/tab-panel/tab-panel';
import '@shoelace-style/shoelace/dist/components/textarea/textarea';
import '@shoelace-style/shoelace/dist/components/tooltip/tooltip';
import '@shoelace-style/shoelace/dist/components/skeleton/skeleton';
+import '@shoelace-style/shoelace/dist/components/option/option';
// also needed for site
diff --git a/components/manifest-editor/src/components/manifest-icons-form.ts b/components/manifest-editor/src/components/manifest-icons-form.ts
index 3b83ae673..504a6b483 100644
--- a/components/manifest-editor/src/components/manifest-icons-form.ts
+++ b/components/manifest-editor/src/components/manifest-icons-form.ts
@@ -58,6 +58,11 @@ export class ManifestIconsForm extends LitElement {
static get styles() {
return css`
+ :host {
+ --sl-input-font-family: Hind, sans-serif;
+ }
+
+
sl-checkbox::part(base),
sl-checkbox::part(control),
sl-button::part(base) {
diff --git a/components/manifest-editor/src/components/manifest-info-form.ts b/components/manifest-editor/src/components/manifest-info-form.ts
index 0f374828c..27f7c6b66 100644
--- a/components/manifest-editor/src/components/manifest-info-form.ts
+++ b/components/manifest-editor/src/components/manifest-info-form.ts
@@ -36,11 +36,12 @@ export class ManifestInfoForm extends LitElement {
--sl-input-focus-ring-color: #4f3fb670;
--sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
--sl-input-border-color-focus: #4F3FB6ac;
+ --sl-input-font-family: Hind, sans-serif;
}
sl-input::part(base),
sl-textarea::part(base),
- sl-menu-item::part(base),
+ sl-option::part(base),
sl-color-picker::part(base),
sl-button::part(base) {
--sl-input-font-size-medium: 16px;
@@ -166,12 +167,12 @@ export class ManifestInfoForm extends LitElement {
width: 100%;
}
- sl-menu-item:focus-within::part(base) {
+ sl-option:focus-within::part(base) {
color: #ffffff;
background-color: #4F3FB6;
}
- sl-menu-item::part(base):hover{
+ sl-option::part(base):hover{
color: #ffffff;
background-color: #4F3FB6;
}
@@ -212,7 +213,7 @@ export class ManifestInfoForm extends LitElement {
@media(max-width: 480px){
sl-input::part(base),
- sl-menu-item::part(base) {
+ sl-option::part(base) {
--sl-input-font-size-medium: 14px;
--sl-font-size-medium: 14px;
--sl-input-height-medium: 2.5em;
@@ -594,7 +595,7 @@ export class ManifestInfoForm extends LitElement {
Select a Background color
-
this.handleColorSwitch("background_color")}>
+
this.handleColorSwitch("background_color")}>
${this.manifest.background_color?.toLocaleUpperCase() || defaultColor}
@@ -618,7 +619,7 @@ export class ManifestInfoForm extends LitElement {
Select a Theme color
-
this.handleColorSwitch("theme_color")}>
+
this.handleColorSwitch("theme_color")}>
${this.manifest.theme_color?.toLocaleUpperCase() || defaultColor}
diff --git a/components/manifest-editor/src/components/manifest-platform-form.ts b/components/manifest-editor/src/components/manifest-platform-form.ts
index cb7b820cb..8768b5709 100644
--- a/components/manifest-editor/src/components/manifest-platform-form.ts
+++ b/components/manifest-editor/src/components/manifest-platform-form.ts
@@ -42,11 +42,12 @@ export class ManifestPlatformForm extends LitElement {
--sl-input-focus-ring-color: #4f3fb670;
--sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
--sl-input-border-color-focus: #4F3FB6ac;
+ --sl-input-font-family: Hind, sans-serif;
}
sl-input::part(base),
- sl-select::part(control),
- sl-menu-item::part(base),
+ sl-select::part(form-control),
+ sl-option::part(base),
sl-button::part(base),
sl-checkbox::part(base),
sl-checkbox::part(control),
@@ -56,8 +57,10 @@ export class ManifestPlatformForm extends LitElement {
--sl-font-size-medium: 16px;
--sl-input-height-medium: 3em;
--sl-toggle-size: 16px;
+ --sl-toggle-size-small: 16px;
+ --sl-input-font-size-small: 16px;
}
- sl-details::part(base), sl-select::part(control), sl-input::part(base){
+ sl-details::part(base), sl-select::part(combobox), sl-input::part(base){
background-color: #fbfbfb;
}
#form-holder {
@@ -79,7 +82,7 @@ export class ManifestPlatformForm extends LitElement {
color: #717171;
}
sl-input::part(input),
- sl-select::part(display-label),
+ sl-select::part(display-input),
sl-details::part(summary){
color: #717171;
}
@@ -141,12 +144,12 @@ export class ManifestPlatformForm extends LitElement {
sl-menu {
width: 100%;
}
- sl-menu-item:focus-within::part(base) {
+ sl-option:focus-within::part(base) {
color: #ffffff;
background-color: #4F3FB6;
}
- sl-menu-item::part(base):hover{
+ sl-option::part(base):hover{
color: #ffffff;
background-color: #4F3FB6;
}
@@ -272,7 +275,7 @@ export class ManifestPlatformForm extends LitElement {
}
}
- @media(max-width: 600px){
+ @media(max-width: 650px){
#cat-field {
grid-template-columns: repeat(3, auto);
}
@@ -280,8 +283,8 @@ export class ManifestPlatformForm extends LitElement {
@media(max-width: 480px){
sl-input::part(base),
- sl-select::part(control),
- sl-menu-item::part(base),
+ sl-select::part(form-control),
+ sl-option::part(base),
sl-button::part(base),
sl-checkbox::part(base),
sl-checkbox::part(control) {
@@ -538,7 +541,7 @@ export class ManifestPlatformForm extends LitElement {