@designcrowd/library.brand-page 6.0.8 → 6.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-B74hbf1M.js → CreatedOnBrandCrowd-de-de-D1ZeyVmP.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-DBB4rdcr.js → CreatedOnBrandCrowd-en-us-CFrIyBis.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DgsVWLqe.js → CreatedOnBrandCrowd-es-es-B2tdeg71.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-FOLmUD6S.js → CreatedOnBrandCrowd-fr-ca-ao5xtxPH.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-FOLmUD6S.js → CreatedOnBrandCrowd-fr-fr-ao5xtxPH.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CFN_QkC9.js → CreatedOnBrandCrowd-pt-br-DrcBDAyb.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-CFN_QkC9.js → CreatedOnBrandCrowd-pt-pt-DrcBDAyb.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DcR_LZOc.js → CreatedOnDcom-de-de-DDPuybYj.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-D4STpZ1l.js → CreatedOnDcom-en-us-DNeu06Gu.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-oJH29i_Z.js → CreatedOnDcom-es-es-DA4PgA4R.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-C9ZqPzpz.js → CreatedOnDcom-fr-ca-Bhr21_56.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BeI4f0rw.js → CreatedOnDcom-fr-fr-BgYHDrgv.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-Bc1hY8c-.js → CreatedOnDcom-pt-br-DDS93mjy.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-D-I_mgfR.js → CreatedOnDcom-pt-pt-B-XErn3D.js} +1 -1
  15. package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js +7 -2
  16. package/lib/src/css/library.brand-page-brandCrowd.min.css +19 -15
  17. package/lib/src/css/library.brand-page-brandPage.min.css +19 -15
  18. package/lib/src/css/library.brand-page-designCom.min.css +19 -15
  19. package/lib/src/css/library.brand-page-preview.min.css +19 -15
  20. package/lib/src/index.mjs +1 -1
  21. package/lib/src/{lib-n42zt1Rj.js → lib-C0W9xNbH.js} +4154 -4154
  22. package/package.json +1 -1
  23. package/src/brand-page/components/banner-section/BannerSection.vue +5 -1
  24. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.ts +11 -3
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designcrowd/library.brand-page",
3
3
  "description": "A collection of Maker/Designer applications",
4
- "version": "6.0.8",
4
+ "version": "6.0.9",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
package/src/brand-page/components/banner-section/BannerSection.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <div
4
4
  class="tw-relative tw-overflow-hidden"
5
5
  :class="{
6
- 'c_banner--with-image-overlay tw-flex tw-flex-col tw-justify-center':
6
+ 'c_banner--with-image-overlay c_banner--expand-padding tw-flex tw-flex-col tw-justify-center':
7
7
  viewModel.isBigImageType,
8
8
  'c_banner--with-image-overlay tw-flex tw-flex-col': isDividedContent,
9
9
  'tw-px-6': !isDividedContent,
@@ -601,6 +601,10 @@ onUnmounted(() => {
601
601
  min-height: 24rem;
602
602
  }
603
603
 
604
+ .c_banner--expand-padding {
605
+ box-sizing: content-box;
606
+ }
607
+
604
608
  .c_banner--divided-container {
605
609
  min-height: 30rem;
606
610
  @apply tw-flex-row tw-gap-4;
package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.ts CHANGED
@@ -5,6 +5,7 @@ import type {
5
5
  NavigationDesktop,
6
6
  NavigationMobile,
7
7
  } from '../../../models';
8
+ import { isUnsetOrTransparentColor } from '../../../models';
8
9
  import type { NavItemViewModel } from '../../../view-models';
9
10
 
10
11
  export default defineComponent({
@@ -100,12 +101,19 @@ export default defineComponent({
100
101
  ? this.selectedButtonStyle
101
102
  : this.defaultButtonStyle;
102
103
 
104
+ const subNavBackgroundColor =
105
+ this.styles.hamburgerMenuStyle.subNavBackgroundColor ?? '#ffffff';
106
+
107
+ // An active sub-page uses the selected button colour, but when that colour
108
+ // is transparent/unset it must keep the sub-nav background colour rather
109
+ // than rendering transparent (BP-5751).
103
110
  return {
104
111
  ...baseStyle,
105
112
  paddingLeft: '32px',
106
- backgroundColor: isActive
107
- ? baseStyle.backgroundColor
108
- : (this.styles.hamburgerMenuStyle.subNavBackgroundColor ?? '#ffffff'),
113
+ backgroundColor:
114
+ isActive && !isUnsetOrTransparentColor(baseStyle.backgroundColor)
115
+ ? baseStyle.backgroundColor
116
+ : subNavBackgroundColor,
109
117
  };
110
118
  },
111
119
  closeSideMenu(): void {