Added panelStyle and panelStyleClass attributes to dropdown component

Author: Tamas Cseh

components/dropdown/dropdown.ts

@@ -31,8 +31,8 @@ export const DROPDOWN_VALUE_ACCESSOR: any = {
             <div class="ui-dropdown-trigger ui-state-default ui-corner-right">
                 <span class="fa fa-fw fa-caret-down ui-c"></span>
             </div>
-            <div #panel class="ui-dropdown-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow" 
-                [style.display]="panelVisible ? 'block' : 'none'">
+            <div #panel [ngClass]="{'ui-dropdown-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow': true}" 
+                [style.display]="panelVisible ? 'block' : 'none'" [ngStyle]="panelStyle" [class]="panelStyleClass">
                 <div *ngIf="filter" class="ui-dropdown-filter-container" (input)="onFilter($event)" (click)="$event.stopPropagation()">
                     <input type="text" autocomplete="off" class="ui-dropdown-filter ui-inputtext ui-widget ui-state-default ui-corner-all">
                     <span class="fa fa-search"></span>
@@ -62,9 +62,13 @@ export class Dropdown implements OnInit,AfterViewInit,AfterContentInit,AfterView
     @Input() filter: boolean;
 
     @Input() style: any;
+    
+    @Input() panelStyle: any;
 
     @Input() styleClass: string;
 
+    @Input() panelStyleClass: string;
+    
     @Input() disabled: boolean;
 
     @Input() readonly: boolean;

showcase/demo/dropdown/dropdown.html

@@ -157,12 +157,24 @@ <h3>Attributes</h3>
                             <td>null</td>
                             <td>Inline style of the element.</td>
                         </tr>
+                        <tr>
+                            <td>panelStyle</td>
+                            <td>string</td>
+                            <td>null</td>
+                            <td>Inline style of the opening panel element.</td>
+                        </tr>
                         <tr>
                             <td>styleClass</td>
                             <td>string</td>
                             <td>null</td>
                             <td>Style class of the element.</td>
                         </tr>
+                        <tr>
+                            <td>panelStyleClass</td>
+                            <td>string</td>
+                            <td>null</td>
+                            <td>Style class of the opening panel element.</td>
+                        </tr>
                         <tr>
                             <td>filter</td>
                             <td>boolean</td>