fix(core): remove hardcoded style from ngx for toolbar component

Author: manu-kr

apps/docs/src/app/core/component-docs/toolbar/examples/toolbar-overflow-example.component.html

@@ -43,18 +43,18 @@
         style="max-width: 200px;"
     />
 
-    <button fd-toolbar-item fd-button fdToolbarOverflowButton fdToolbarOverflowButtonMenu label="Button" [fdMenu]="true" [compact]="true"></button>
+    <button fd-toolbar-item fd-button fd-toolbar-overflow-button fd-toolbar-overflow-button-menu label="Button" [fdMenu]="true" [compact]="true"></button>
 
     <fd-segmented-button fd-toolbar-item>
         <button fd-button label="Left" [compact]="true"></button>
         <button fd-button label="Middle" [compact]="true"></button>
         <button fd-button label="Right" [compact]="true"></button>
     </fd-segmented-button>
 
-    <button fd-toolbar-item fd-button fdToolbarOverflowButton label="Button" [compact]="true"></button>
-    <button fd-toolbar-item fd-button fdToolbarOverflowButton label="Button" [compact]="true"></button>
+    <button fd-toolbar-item fd-button fd-toolbar-overflow-button label="Button" [compact]="true"></button>
+    <button fd-toolbar-item fd-button fd-toolbar-overflow-button label="Button" [compact]="true"></button>
     <fd-toolbar-spacer fd-toolbar-item [fixed]="true" [width]="'200px'"></fd-toolbar-spacer>
-    <button fd-toolbar-item fd-button fdToolbarOverflowButton label="Button" [compact]="true"></button>
-    <button fd-toolbar-item fd-button fdToolbarOverflowButton label="Button" [compact]="true"></button>
-    <button fd-toolbar-item fd-button fdToolbarOverflowButton label="Button" [compact]="true"></button>
+    <button fd-toolbar-item fd-button fd-toolbar-overflow-button label="Button" [compact]="true"></button>
+    <button fd-toolbar-item fd-button fd-toolbar-overflow-button label="Button" [compact]="true"></button>
+    <button fd-toolbar-item fd-button fd-toolbar-overflow-button label="Button" [compact]="true"></button>
 </fd-toolbar>

apps/docs/src/app/core/component-docs/toolbar/toolbar-docs.component.html

@@ -25,7 +25,7 @@
 <description>
    If there isn’t enough room in a Toolbar, the [shouldOverflow]="true" can be used to move buttons to an overflow area.
    A popover button will be created which will contain all the items in the overflow.
-   Make sure to include the <code class="code-snippet">fd-toolbar-item directive</code> in each Toolbar. <code class="code-snippet">fdToolbarOverflowButton</code> for button and <code class="code-snippet">fdToolbarOverflowButtonMenu</code> for menu button  in each Toolbar.
+   Make sure to include the <code class="code-snippet">fd-toolbar-item </code>directive in each Toolbar. <code class="code-snippet">fd-toolbar-overflow-button</code> for button and <code class="code-snippet">fd-toolbar-overflow-button-menu</code> for menu button in each Toolbar.
 </description>
 <component-example>
     <fd-toolbar-overflow-example></fd-toolbar-overflow-example>