Fixed #321 - Refactor p-panel-titlebar to p-panel-header

primefaces · May 17, 2020 · 760d65c · 760d65c
1 parent 4bbe650
commit 760d65c
Show file tree

Hide file tree

Showing 27 changed files with 158 additions and 154 deletions.
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
@@ -2168,35 +2168,35 @@
   color: #FFB300;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   background: #191919;
   color: #dedede;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #888888;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #dedede;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
@@ -2168,35 +2168,35 @@
   color: #1ea04c;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   background: #191919;
   color: #dedede;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #888888;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #dedede;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #88e9aa;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
@@ -2168,35 +2168,35 @@
   color: #cc285c;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   background: #191919;
   color: #dedede;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #888888;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #dedede;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
@@ -2168,35 +2168,35 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #007ad9;
   padding: 0.857rem 1rem;
   background: #007ad9;
   color: #ffffff;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #ffffff;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #5ab7ff;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
@@ -2168,35 +2168,35 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #333333;
   padding: 0.857rem 1rem;
   background: #333333;
   color: #ffffff;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #ffffff;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #b4b4b4;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
@@ -2168,35 +2168,35 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #c8c8c8;
   padding: 0.857rem 1rem;
   background: #f4f4f4;
   color: #333333;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #848484;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #333333;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
@@ -2168,35 +2168,35 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #c8c8c8;
   padding: 0.857rem 1rem;
   background: #f4f4f4;
   color: #333333;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #848484;
   background: transparent;
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #333333;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
@@ -2168,35 +2168,35 @@
   color: #ffffff;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #7B95A3;
   padding: 0.857rem 1rem;
   background: #7B95A3;
   color: #ffffff;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #ffffff;
   background: transparent;
   border-radius: 2px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ffffff;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {

diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
@@ -2185,35 +2185,35 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
   color: #495057;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
   background: transparent;
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {