Fix #4170: Unexpected component hide

primefaces · Mar 22, 2023 · 4331d6e · 4331d6e
1 parent 3191fd5
commit 4331d6e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 22 deletions.
diff --git a/components/lib/dialog/Dialog.css b/components/lib/dialog/Dialog.css
@@ -29,11 +29,6 @@
     position: relative;
 }
 
-/* Github #3122: Prevent animation flickering */
-.p-dialog:not([class*='p-dialog-']) {
-    display: none;
-}
-
 .p-dialog-content {
     overflow-y: auto;
     flex-grow: 1;
@@ -93,7 +88,7 @@
 .p-dialog-exit-active {
     opacity: 0;
     transform: scale(0.7);
-    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
+    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 /* Top, Bottom, Left, Right, Top* and Bottom* */
@@ -105,11 +100,11 @@
 .p-dialog-top-right .p-dialog,
 .p-dialog-bottom-left .p-dialog,
 .p-dialog-bottom-right .p-dialog {
-    margin: .75em;
+    margin: 0.75em;
 }
 
 .p-dialog-top .p-dialog-enter,
-.p-dialog-top .p-dialog-exit-active  {
+.p-dialog-top .p-dialog-exit-active {
     transform: translate3d(0px, -100%, 0px);
 }
 
@@ -145,7 +140,7 @@
 .p-dialog-top-right .p-dialog-enter-active,
 .p-dialog-bottom-right .p-dialog-enter-active {
     transform: translate3d(0px, 0px, 0px);
-    transition: all .3s ease-out;
+    transition: all 0.3s ease-out;
 }
 
 .p-dialog-top .p-dialog-exit-active,
@@ -156,7 +151,7 @@
 .p-dialog-right .p-dialog-exit-active,
 .p-dialog-top-right .p-dialog-exit-active,
 .p-dialog-bottom-right .p-dialog-exit-active {
-    transition: all .3s ease-out;
+    transition: all 0.3s ease-out;
 }
 
 /* Maximize */

diff --git a/components/lib/sidebar/Sidebar.css b/components/lib/sidebar/Sidebar.css
@@ -28,11 +28,6 @@
     position: relative;
 }
 
-/* Github #3122: Prevent animation flickering */
-.p-sidebar:not([class*="p-sidebar-"]){
-    display: none;
-}
-
 .p-sidebar-content {
     overflow-y: auto;
     flex-grow: 1;
@@ -66,7 +61,7 @@
 /* Animation */
 /* Top, Bottom, Left and Right */
 .p-sidebar-top .p-sidebar-enter,
-.p-sidebar-top .p-sidebar-exit-active  {
+.p-sidebar-top .p-sidebar-exit-active {
     transform: translate3d(0px, -100%, 0px);
 }
 
@@ -90,7 +85,7 @@
 .p-sidebar-left .p-sidebar-enter-active,
 .p-sidebar-right .p-sidebar-enter-active {
     transform: translate3d(0px, 0px, 0px);
-    transition: all .3s;
+    transition: all 0.3s;
 }
 
 .p-sidebar-top .p-sidebar-enter-done,
@@ -104,7 +99,7 @@
 .p-sidebar-bottom .p-sidebar-exit-active,
 .p-sidebar-left .p-sidebar-exit-active,
 .p-sidebar-right .p-sidebar-exit-active {
-    transition: all .3s;
+    transition: all 0.3s;
 }
 
 /* Full */
@@ -116,7 +111,7 @@
 .p-sidebar-full .p-sidebar-enter-active {
     opacity: 1;
     transform: scale(1);
-    transition: all .15s cubic-bezier(0, 0, 0.2, 1);
+    transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);
 }
 
 .p-sidebar-full .p-sidebar-enter-done {
@@ -126,7 +121,7 @@
 .p-sidebar-full .p-sidebar-exit-active {
     opacity: 0;
     transform: scale(0.5);
-    transition: all .15s cubic-bezier(0.4, 0.0, 0.2, 1);
+    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 /* Position */

diff --git a/pages/landing/userssection.js b/pages/landing/userssection.js
@@ -38,7 +38,7 @@ const UsersSection = (props) => {
                         </div>
                     </div>
                     <div aria-hidden="true" className="marquee ">
-                    <div className=" w-full">
+                        <div className=" w-full">
                             <img src={`https://primefaces.org/cdn/primereact/images/landing-new/whouses/fox-${colorScheme}.svg`} alt={'fox-${colorScheme}'} />
                         </div>
                         <div className=" w-full">
@@ -58,7 +58,7 @@ const UsersSection = (props) => {
                         </div>
                     </div>
                     <div aria-hidden="true" className="marquee ">
-                    <div className=" w-full">
+                        <div className=" w-full">
                             <img src={`https://primefaces.org/cdn/primereact/images/landing-new/whouses/fox-${colorScheme}.svg`} alt={'fox-${colorScheme}'} />
                         </div>
                         <div className=" w-full">