diff --git a/packages/fiori/src/Page.js b/packages/fiori/src/Page.js index 28d9f985e8ce..79565d44784d 100644 --- a/packages/fiori/src/Page.js +++ b/packages/fiori/src/Page.js @@ -26,24 +26,23 @@ const metadata = { *

* Available options are: * * @type {PageBackgroundDesign} - * @defaultvalue "Standard" + * @defaultvalue "Solid" * @public */ backgroundDesign: { type: String, - defaultValue: PageBackgroundDesign.Standard, + defaultValue: PageBackgroundDesign.Solid, }, /** - * Disables vertical scrolling of page content. - * If set to true, there will be no vertical scrolling at all. - * + * Disables vertical scrolling of page content. + * If set to true, there will be no vertical scrolling at all. + * * @type {Boolean} * @defaultvalue false * @public @@ -65,8 +64,8 @@ const metadata = { }, /** - * Defines the footer visibility. - * + * Defines the footer visibility. + * * @type {Boolean} * @defaultvalue false * @public diff --git a/packages/fiori/src/themes/Page.css b/packages/fiori/src/themes/Page.css index 1babc2f200af..26556a3a8a1c 100644 --- a/packages/fiori/src/themes/Page.css +++ b/packages/fiori/src/themes/Page.css @@ -60,19 +60,15 @@ } /* BackgroundDesign */ -:host([backgroundDesign="Standard"]) { - background-color: var(--sapBackgroundColor); +:host([background-design="Solid"]) { + background-color: var(--sapBackgroundColor); } -:host([backgroundDesign="Solid"]) { - background-color: var(--sapBackgroundColor); -} - -:host([backgroundDesign="Transparent"]) { +:host([background-design="Transparent"]) { background-color: transparent; } -:host([backgroundDesign="List"]) { +:host([background-design="List"]) { background-color: var(--_ui5_page_list_bg); } diff --git a/packages/fiori/src/types/PageBackgroundDesign.js b/packages/fiori/src/types/PageBackgroundDesign.js index d65c3893aa2d..1bcf13d53654 100644 --- a/packages/fiori/src/types/PageBackgroundDesign.js +++ b/packages/fiori/src/types/PageBackgroundDesign.js @@ -7,14 +7,6 @@ import DataType from "@ui5/webcomponents-base/dist/types/DataType.js"; */ const PageBackgroundDesigns = { - /** - * Standard Page background color. - * - * @type {Standard} - * @public - */ - Standard: "Standard", - /** * Page background color when a List is set as the Page content. * diff --git a/packages/fiori/test/pages/Page.html b/packages/fiori/test/pages/Page.html index eae951349dad..908640d737bd 100644 --- a/packages/fiori/test/pages/Page.html +++ b/packages/fiori/test/pages/Page.html @@ -27,7 +27,7 @@ - +
diff --git a/packages/fiori/test/samples/Page.sample.html b/packages/fiori/test/samples/Page.sample.html index 20bbf9c1fbae..a45c56d54f5e 100644 --- a/packages/fiori/test/samples/Page.sample.html +++ b/packages/fiori/test/samples/Page.sample.html @@ -19,7 +19,7 @@

Page with floating footer

- +
@@ -80,7 +80,7 @@

Page with floating footer


-<ui5-page id="page" backgroundDesign="List" floating-footer show-footer>
+<ui5-page id="page" background-design="List" floating-footer show-footer>
     <div slot="header">
         <ui5-bar design="Header">
             <ui5-button icon="home" title="Go home" slot="startContent"></ui5-button>