Fixed #1757, Fixed #1786

primefaces · Jan 28, 2021 · e5f3370 · e5f3370
1 parent 06e8e11
commit e5f3370
Show file tree

Hide file tree

Showing 33 changed files with 569 additions and 57 deletions.
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #ef9a9a;
 }
 

diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #ef9a9a;
 }
 

diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #ef9a9a;
 }
 

diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #ef9a9a;
 }
 

diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #f19ea6;
 }
 

diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #f19ea6;
 }
 

diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #dc3545;
 }
 

diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #dc3545;
 }
 

diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #a4252c;
 }
 

diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #e57373;
 }
 

diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #e57373;
 }
 

diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #e57373;
 }
 

diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
@@ -358,7 +358,7 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #e57373;
 }
 

diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
@@ -382,7 +382,7 @@
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #f44435;
 }
 
@@ -1828,13 +1828,13 @@
 }
 
 .p-button.p-button-link {
-  color: transparent;
+  color: #CE93D8;
   background: transparent;
   border: transparent;
 }
 .p-button.p-button-link:enabled:hover {
   background: transparent;
-  color: transparent;
+  color: #CE93D8;
   border-color: transparent;
 }
 .p-button.p-button-link:enabled:hover .p-button-label {
@@ -1847,7 +1847,7 @@
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
-  color: transparent;
+  color: #CE93D8;
   border-color: transparent;
 }
 
@@ -5204,6 +5204,70 @@
   color: #121212;
 }
 
+.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
+  background-image: none;
+  background: transparent;
+}
+.p-cascadeselect .p-cascadeselect-label {
+  border: 0 none;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+  box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
+
+.p-cascadeselect-item-content .p-ink {
+  background-color: rgba(206, 147, 216, 0.16);
+}
+
+.p-input-filled .p-cascadeselect {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: 1px solid transparent;
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+  background-size: 0 2px, 100% 1px;
+  background-position: 50% 100%, 50% 100%;
+  background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect.p-invalid {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+  box-shadow: none;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+
+.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
+  box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
+
 .p-checkbox {
   border-radius: 50%;
   transition: box-shadow 0.2s;

diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
@@ -382,7 +382,7 @@
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.p-cascadeselect.p-invalid {
+.p-cascadeselect.p-invalid.p-component {
   border-color: #f44435;
 }
 
@@ -1828,13 +1828,13 @@
 }
 
 .p-button.p-button-link {
-  color: transparent;
+  color: #9FA8DA;
   background: transparent;
   border: transparent;
 }
 .p-button.p-button-link:enabled:hover {
   background: transparent;
-  color: transparent;
+  color: #9FA8DA;
   border-color: transparent;
 }
 .p-button.p-button-link:enabled:hover .p-button-label {
@@ -1847,7 +1847,7 @@
 }
 .p-button.p-button-link:enabled:active {
   background: transparent;
-  color: transparent;
+  color: #9FA8DA;
   border-color: transparent;
 }
 
@@ -5204,6 +5204,70 @@
   color: #121212;
 }
 
+.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
+  background-image: none;
+  background: transparent;
+}
+.p-cascadeselect .p-cascadeselect-label {
+  border: 0 none;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+  box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
+
+.p-cascadeselect-item-content .p-ink {
+  background-color: rgba(159, 168, 218, 0.16);
+}
+
+.p-input-filled .p-cascadeselect {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: 1px solid transparent;
+  background: rgba(255, 255, 255, 0.06) no-repeat;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
+  background-size: 0 2px, 100% 1px;
+  background-position: 50% 100%, 50% 100%;
+  background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+  background-image: none;
+  background: transparent;
+}
+.p-input-filled .p-cascadeselect.p-invalid {
+  border-color: transparent;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+  box-shadow: none;
+  background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+
+.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
+  box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
+
 .p-checkbox {
   border-radius: 50%;
   transition: box-shadow 0.2s;