@salesforcedevs/dx-components 1.3.202-langpicker1-alpha → 1.3.202-langpicker2-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.202-langpicker1-alpha",
+    "version": "1.3.202-langpicker2-alpha",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/dropdownOption/dropdownOption.css

@@ -82,6 +82,7 @@
 .option-docoption {
     align-items: center;
     flex-direction: row;
+    padding: var(--dx-g-spacing-sm) var(--dx-g-spacing-md);
 }
 
 .option-docoption .option_label {

package/src/modules/dx/sidebar/sidebar.html

@@ -79,7 +79,7 @@
                 title="No Results"
                 size="small"
             ></dx-empty-state>
-            <div if:true={hasSidebarFooter} class="footer-nav">
+            <div if:true={hasMobileSidebarFooter} class="footer-nav">
                 <doc-sidebar-footer-nav
                     lang-value-path={langValuePath}
                     language={language}
@@ -100,9 +100,10 @@
             ></dx-tree>
         </div>
 
-        <template if:true={hasSidebarFooter}>
+        <template if:false={mobile}>
             <div class="footer-nav">
                 <doc-sidebar-footer-nav
+                    if:true={hasSidebarFooter}
                     lang-value-path={langValuePath}
                     language={language}
                     languages={languages}

package/src/modules/dx/sidebar/sidebar.ts

@@ -263,13 +263,16 @@ export default class Sidebar extends SidebarBase {
         )?.requestOpenDropdown(false);
     }
 
+    private get hasMobileSidebarFooter(): boolean {
+        return !!(
+            this.mobile &&
+            this.languages &&
+            toJson(this.languages).length > 1 &&
+            this.expanded
+        );
+    }
+
     private get hasSidebarFooter(): boolean {
-        if (this.mobile) {
-            return (
-                !!(this.languages && toJson(this.languages).length > 1) &&
-                this.expanded
-            );
-        }
         return !!(
             (this.languages && toJson(this.languages).length > 1) ||
             Boolean(this.bailHref)

package/src/modules/dx/sidebarOld/sidebarOld.html

@@ -67,7 +67,7 @@
                 title="No Results"
                 if:false={anyResultMatch}
             ></dx-empty-state>
-            <div if:true={hasSidebarFooter} class="footer-nav">
+            <div if:true={hasMobileSidebarFooter} class="footer-nav">
                 <doc-sidebar-footer-nav
                     lang-value-path={langValuePath}
                     language={language}
@@ -76,9 +76,10 @@
             </div>
         </template>
 
-        <template if:true={hasSidebarFooter}>
+        <template if:false={mobile}>
             <div class="footer-nav">
                 <doc-sidebar-footer-nav
+                    if:true={hasSidebarFooter}
                     lang-value-path={langValuePath}
                     language={language}
                     languages={languages}

package/src/modules/dx/sidebarOld/sidebarOld.ts

@@ -197,10 +197,16 @@ export default class Sidebar extends SidebarBase {
         }
     }
 
+    private get hasMobileSidebarFooter(): boolean {
+        return !!(
+            this.mobile &&
+            this.languages &&
+            toJson(this.languages).length > 1 &&
+            this.expanded
+        );
+    }
+
     private get hasSidebarFooter(): boolean {
-        if (this.mobile) {
-            return !!(this.languages && toJson(this.languages).length > 1);
-        }
         return !!(
             (this.languages && toJson(this.languages).length > 1) ||
             Boolean(this.bailHref)

package/src/modules/dxHelpers/commonSidebar/commonSidebar.css

@@ -134,7 +134,8 @@ dx-tree:last-child {
 
 .footer-nav {
     display: flex;
-    padding: 0 var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-2xl);
+    padding: var(--dx-g-spacing-2xs) var(--dx-g-spacing-sm)
+        var(--dx-g-spacing-2xs) var(--dx-g-spacing-2xl);
     position: fixed;
     bottom: 0;
     left: 0;