@salesforcedevs/dx-components 1.3.210-lnb20-alpha → 1.3.210-lnb21-alpha

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/package.json +1 -1
  2. package/src/modules/dx/sidebar/sidebar.html +1 -4
  3. package/src/modules/dx/sidebarOld/sidebarOld.html +1 -1
  4. package/src/modules/dxBaseElements/sidebarBase/sidebarBase.ts +7 -0
  5. package/src/modules/dxHelpers/commonSidebar/commonSidebar.css +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.3.210-lnb20-alpha",
3
+ "version": "1.3.210-lnb21-alpha",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
package/src/modules/dx/sidebar/sidebar.html CHANGED
@@ -86,10 +86,7 @@
86
86
  size="small"
87
87
  ></dx-empty-state>
88
88
  </div>
89
- <div
90
- class="sidebar-content sidebar-content-tree"
91
- onscroll={handleScroll}
92
- >
89
+ <div class={sidebarContentClass} onscroll={handleScroll}>
93
90
  <dx-tree
94
91
  for:each={trees}
95
92
  for:item="tree"
package/src/modules/dx/sidebarOld/sidebarOld.html CHANGED
@@ -48,7 +48,7 @@
48
48
  </div>
49
49
  </div>
50
50
  <div
51
- class="sidebar-content sidebar-content-tree"
51
+ class={sidebarContentClass}
52
52
  if:true={anyResultMatch}
53
53
  onscroll={handleScroll}
54
54
  >
package/src/modules/dxBaseElements/sidebarBase/sidebarBase.ts CHANGED
@@ -150,4 +150,11 @@ export class SidebarBase extends LightningElement {
150
150
  private get hasSidebarFooter(): boolean {
151
151
  return this.languages?.length > 1 || Boolean(this.bailHref);
152
152
  }
153
+
154
+ private get sidebarContentClass(): string {
155
+ const sidebarConterCss = "sidebar-content sidebar-content-tree";
156
+ return this.hasSidebarFooter || this.hasMobileSidebarFooter
157
+ ? sidebarConterCss + " sidebar-content-hasfooter"
158
+ : sidebarConterCss;
159
+ }
153
160
  }
package/src/modules/dxHelpers/commonSidebar/commonSidebar.css CHANGED
@@ -140,7 +140,10 @@
140
140
  border-right: 1px solid var(--dx-g-gray-90);
141
141
  height: var(--dx-g-spacing-2xl);
142
142
  align-items: center;
143
- margin-top: var(--dx-g-spacing-2xl);
143
+ }
144
+
145
+ .sidebar-content-hasfooter {
146
+ margin-bottom: var(--dx-g-spacing-2xl);
144
147
  }
145
148
 
146
149
  @media screen and (max-width: 1279px) {