docs (product switch): Change product switch shellbar example (#2346)

SAP · Apr 14, 2020 · dab6d5a · dab6d5a
1 parent 4260910
commit dab6d5a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/...app/core/component-docs/product-switch/examples/product-switch-dnd-example.component.html b/...app/core/component-docs/product-switch/examples/product-switch-dnd-example.component.html
@@ -1,8 +1,10 @@
-<div style="background-color: #354A5F;text-align: right;padding: 6px;">
-    <fd-product-switch>
-        <fd-product-switch-body
-            [products]="list"
-            (productsChange)="productChangeHandle($event)">
-        </fd-product-switch-body>
-    </fd-product-switch>
-</div>
+<fd-shellbar>
+    <fd-shellbar-actions>
+        <fd-product-switch>
+            <fd-product-switch-body
+                [products]="list"
+                (productsChange)="productChangeHandle($event)">
+            </fd-product-switch-body>
+        </fd-product-switch>
+    </fd-shellbar-actions>
+</fd-shellbar>
diff --git a/libs/core/src/lib/product-switch/product-switch-body/product-switch-body.component.scss b/libs/core/src/lib/product-switch/product-switch-body/product-switch-body.component.scss
@@ -144,4 +144,4 @@ $product-switch-dnd-line-color: #0854A0;
 
 .fd-product-switch__list > li {
     list-style-type: none;
-}
+}