@appdirect/sfb-theme-plaza 0.0.51 → 0.0.52

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 (5) hide show
  1. package/header-footer/css/header-components/_MPLogo.scss +3 -6
  2. package/header-footer/css/header-components/_header.scss +3 -3
  3. package/header-footer/css/header-components/_icons.scss +0 -2
  4. package/header-footer/css/header-components/_notifications.scss +1 -1
  5. package/package.json +1 -1
package/header-footer/css/header-components/_MPLogo.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .ad-uniheader__logo-container {
2
- height: calc(#{$nav-height} + (2 * var(--headerNavPadding, 0px)));
2
+ height: calc(max(var(--headerNavPadding, 20px), var(--logoHeight) + 20px));
3
3
  list-style: none;
4
4
 
5
5
  &--link {
@@ -18,9 +18,7 @@
18
18
  cursor: pointer;
19
19
  padding: 0 $nav-item-padding-horizontal - 6px 0 0;
20
20
 
21
- // FIXME: rename to logoSize MP-34926
22
- width: var(--logoHeight, $nav-logo-height);
23
- height: calc(#{$nav-height} + (2 * var(--headerNavPadding, 0px)));
21
+ height: calc(max(var(--headerNavPadding, 20px), var(--logoHeight) + 20px));
24
22
 
25
23
  &:hover {
26
24
  background-color: transparent;
@@ -34,8 +32,7 @@
34
32
  object-position: center center;
35
33
 
36
34
  min-width: 30px;
37
- max-width: 100%;
38
- max-height: 100px;
35
+ height: var(--logoHeight, $nav-logo-height);
39
36
  }
40
37
  }
41
38
  }
package/header-footer/css/header-components/_header.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  background: var(--headerNavBg, $headerNavBg);
3
3
  border-bottom: 1px solid var(--headerNavBorderColor, $headerNavBorderColor);
4
4
  font-family: $nav-font-family;
5
- height: calc(#{$nav-height} + (2 * var(--headerNavPadding, 0px)));
5
+ height: calc(max(var(--headerNavPadding, 20px), var(--logoHeight) + 20px));
6
6
  position: relative;
7
7
  box-sizing: content-box;
8
8
  z-index: 11;
@@ -11,7 +11,7 @@
11
11
  display: flex;
12
12
  align-items: center;
13
13
  justify-content: space-between;
14
- height: calc(#{$nav-height} + (2 * var(--headerNavPadding, 0px)));
14
+ height: calc(max(var(--headerNavPadding, 20px), var(--logoHeight) + 20px));
15
15
  list-style: none;
16
16
  margin: 0;
17
17
  padding: 0;
@@ -20,7 +20,7 @@
20
20
  &--section {
21
21
  display: flex;
22
22
  align-content: center;
23
- height: calc(#{$nav-height} + (2 * var(--headerNavPadding, 0px)));
23
+ height: calc(max(var(--headerNavPadding, 20px), var(--logoHeight) + 20px));
24
24
  padding-left:0;
25
25
 
26
26
  &-right {
package/header-footer/css/header-components/_icons.scss CHANGED
@@ -118,8 +118,6 @@
118
118
 
119
119
  .unav-cart-width {
120
120
  width: $nav-icon-width-cart !important;
121
- @media (max-width: 1279px) {
122
121
  padding-left: 10px;
123
122
  padding-right: 10px;
124
- }
125
123
  }
package/header-footer/css/header-components/_notifications.scss CHANGED
@@ -41,7 +41,7 @@
41
41
  justify-content: center;
42
42
  align-items: center;
43
43
  // pull cart number badge closer to icon, based on padding from theme
44
- margin-top: var(--headerNavPadding, 0px);
44
+ top: calc(max(var(--headerNavPadding, 20px) - 40px, var(--logoHeight) - 20px)/2);
45
45
  }
46
46
 
47
47
  .ad-home-notification-count {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appdirect/sfb-theme-plaza",
3
- "version": "0.0.51",
3
+ "version": "0.0.52",
4
4
  "description": "A modern theme built with react components that can be customized with Storefront Builder.",
5
5
  "main": "index.js",
6
6
  "scripts": {