Merge pull request #12069 from primefaces/issue-11917

added panelStyleClass
primefaces · Oct 21, 2022 · bebae32 · bebae32
2 parents 1448873 + e7b27a0
commit bebae32
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 6 deletions.
diff --git a/src/app/components/password/password.ts b/src/app/components/password/password.ts
@@ -256,7 +256,7 @@ export const Password_VALUE_ACCESSOR: any = {
             <i *ngIf="showClear && value != null" class="p-password-clear-icon pi pi-times" (click)="clear()"></i>
             <i *ngIf="toggleMask" [ngClass]="toggleIconClass()" (click)="onMaskToggle()"></i>
             <div #overlay *ngIf="overlayVisible" [ngClass]="'p-password-panel p-component'" (click)="onOverlayClick($event)"
-                [@overlayAnimation]="{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}" (@overlayAnimation.start)="onAnimationStart($event)" (@overlayAnimation.done)="onAnimationEnd($event)">
+                [@overlayAnimation]="{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}" (@overlayAnimation.start)="onAnimationStart($event)" (@overlayAnimation.done)="onAnimationEnd($event)" [ngStyle]="panelStyle" [class]="panelStyleClass">
                 <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
                 <ng-container *ngIf="contentTemplate; else content">
                     <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
@@ -326,6 +326,10 @@ export class Password implements AfterContentInit,OnInit {
 
     @Input() inputStyleClass: string;
 
+    @Input() panelStyle: any;
+
+    @Input() panelStyleClass: string;
+
     @Input() styleClass: string;
 
     @Input() style: any;

diff --git a/src/app/components/treeselect/treeselect.ts b/src/app/components/treeselect/treeselect.ts
@@ -47,7 +47,7 @@ export const TREESELECT_VALUE_ACCESSOR: any = {
             <span class="p-treeselect-trigger-icon pi pi-chevron-down"></span>
         </div>
         <div #overlayRef class="p-treeselect-panel p-component" *ngIf="overlayVisible" (click)="onOverlayClick($event)"
-            [@overlayAnimation]="{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}" (@overlayAnimation.start)="onOverlayAnimationStart($event)" (@overlayAnimation.done)="onOverlayAnimationDone($event)">
+            [@overlayAnimation]="{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}" (@overlayAnimation.start)="onOverlayAnimationStart($event)" (@overlayAnimation.done)="onOverlayAnimationDone($event)" [ngStyle]="panelStyle" [class]="panelStyleClass">
             <ng-container *ngTemplateOutlet="headerTemplate; context: {$implicit: value, options: options}"></ng-container>
             <div class="p-treeselect-header" *ngIf="filter">
                 <div class="p-treeselect-filter-container">
@@ -119,10 +119,14 @@ export class TreeSelect implements AfterContentInit {
 
     @Input() panelClass: string;
 
+    @Input() panelStyle: any;
+
+    @Input() panelStyleClass: string;
+
     @Input() containerStyle: object;
 
     @Input() containerStyleClass: string;
-    
+
     @Input() labelStyle: object;
 
     @Input() labelStyleClass: string;

diff --git a/src/app/showcase/components/multiselect/multiselectdemo.html b/src/app/showcase/components/multiselect/multiselectdemo.html
@@ -548,12 +548,24 @@ <h5>Properties</h5>
                             <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 overlay 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 overlay panel element.</td>
+                        </tr>
                         <tr>
                             <td>tabindex</td>
                             <td>number</td>

diff --git a/src/app/showcase/components/password/passworddemo.html b/src/app/showcase/components/password/passworddemo.html
@@ -190,11 +190,29 @@ <h5>Properties</h5>
                             <td>null</td>
                             <td>Inline style of the component.</td>
                         </tr>
+                        <tr>
+                            <td>style</td>
+                            <td>string</td>
+                            <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 overlay panel element.</td>
+                        </tr>
                         <tr>
                             <td>styleClass</td>
                             <td>string</td>
                             <td>null</td>
-                            <td>Style class of the component.</td>
+                            <td>Style class of the element.</td>
+                        </tr>
+                        <tr>
+                            <td>panelStyleClass</td>
+                            <td>string</td>
+                            <td>null</td>
+                            <td>Style class of the overlay panel element.</td>
                         </tr>
 						<tr>
 							<td>placeholder</td>

diff --git a/src/app/showcase/components/treeselect/treeselectdemo.html b/src/app/showcase/components/treeselect/treeselectdemo.html
@@ -161,13 +161,25 @@ <h5>TreeNode API utilized by the TreeSelect</h5>
                             <td>style</td>
                             <td>string</td>
                             <td>null</td>
-                            <td>Inline style of the node.</td>
+                            <td>Inline style of the element.</td>
+                        </tr>
+                        <tr>
+                            <td>panelStyle</td>
+                            <td>string</td>
+                            <td>null</td>
+                            <td>Inline style of the overlay panel element.</td>
                         </tr>
                         <tr>
                             <td>styleClass</td>
                             <td>string</td>
                             <td>null</td>
-                            <td>Style class of the node.</td>
+                            <td>Style class of the element.</td>
+                        </tr>
+                        <tr>
+                            <td>panelStyleClass</td>
+                            <td>string</td>
+                            <td>null</td>
+                            <td>Style class of the overlay panel element.</td>
                         </tr>
                         <tr>
                             <td>containerStyleClass</td>