diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 2c2fb9e88..aa7004989 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #FFB300;
- border: 1px solid #FFB300;
- margin: 0.2rem;
- color: #212121;
+ background: transparent;
+ color: #888888;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #FFA000;
- color: #212121;
- border-color: #FFA000;
+ background: #4c4c4c;
+ color: #888888;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #585858;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #252525;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #4c4c4c;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #FFB300;
+ color: #212121;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index ad81a69bd..866c0eefc 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #1ea04c;
- border: 1px solid #1ea04c;
- margin: 0.2rem;
- color: #ffffff;
+ background: transparent;
+ color: #888888;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #1b9044;
- color: #ffffff;
- border-color: #1b9044;
+ background: #4c4c4c;
+ color: #888888;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #585858;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #252525;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #4c4c4c;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #1ea04c;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 3f6c722e4..d66a81d2b 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #cc285c;
- border: 1px solid #cc285c;
- margin: 0.2rem;
- color: #ffffff;
+ background: transparent;
+ color: #888888;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #b72452;
- color: #ffffff;
- border-color: #b72452;
+ background: #4c4c4c;
+ color: #888888;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #585858;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #252525;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #4c4c4c;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #cc285c;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index 0cb24f4ad..56838f6d2 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #c8c8c8;
- margin: 0.2rem;
color: #848484;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
+ color: #848484;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #eaeaea;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #eaeaea;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
- background: #007ad9;
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #d95f00;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index 4d0b8de50..dfd3b7eea 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #c8c8c8;
- margin: 0.2rem;
color: #848484;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
+ color: #848484;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #eaeaea;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #eaeaea;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #007ad9;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index f9c0c543c..ea3c6e6cd 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #c8c8c8;
- margin: 0.2rem;
color: #848484;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
+ color: #848484;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #eaeaea;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #eaeaea;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #007ad9;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 120f6df06..376c3b837 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #c8c8c8;
- margin: 0.2rem;
color: #848484;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
+ color: #848484;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #eaeaea;
- transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #eaeaea;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #41b883;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 002c20b59..6acdc1586 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #7B95A3;
- border: 1px solid #7B95A3;
- margin: 0.2rem;
- color: #ffffff;
+ background: #ffffff;
+ color: #a6a6a6;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #6c8999;
- color: #ffffff;
- border-color: #6c8999;
+ background: #f4f4f4;
+ color: #a6a6a6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.571rem 0.857rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #7B95A3;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #b2c1cd;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: panelHeaderHoverBg;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #eaeaea;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
- background: #7B95A3;
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index bc0156c4f..3a9cadfd7 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #2196F3;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index a1b226148..5e300bc3b 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #00ACC1;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 051330a52..6c28aed66 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #673AB7;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index af4604ed5..28b3be1c6 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #4CAF50;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index d6e5eae3e..e882c2c6e 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #3F51B5;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 3f9f4d83c..4fc13b1ff 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #FFC107;
+ color: #212529;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 3d8851375..b4d4371f1 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #9C27B0;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 4d2bd4873..768594f6d 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -1255,44 +1255,37 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
color: #6c757d;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
- border-color: #dee2e6;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #009688;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 951b8bd4c..3b040741b 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #64B5F6;
+ color: #212529;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index ac6007fae..e5a7142b8 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #4DD0E1;
+ color: #212529;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 453694da5..fec94b482 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #9575CD;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 52cb0e5d9..e1027136f 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #81C784;
+ color: #212529;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index b336a9566..e6d5117eb 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #7986CB;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index f3fc2d9e7..e32f557c3 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #FFD54F;
+ color: #212529;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index dfe65380b..02fe3851d 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #BA68C8;
+ color: #ffffff;
}
.p-datatable .p-paginator-top {
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index ba50f4e48..8623a9a18 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -1254,45 +1254,38 @@
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
- background: #ffffff;
- border: 1px solid #dee2e6;
- margin: 0.2rem;
+ background: transparent;
color: #aeb6bf;
border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
- background: #e9ecef;
- color: #ebedef;
- border-color: #dee2e6;
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
-.p-carousel .p-carousel-dots-container {
- padding: 0.5rem 1rem;
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item {
- margin: 0;
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item button {
- padding: 0.286rem;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #34495E;
+ width: 2rem;
+ height: 0.5rem;
transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
- width: 20px;
- height: 6px;
- background: #dee2e6;
- transition: background-color 0.2s, box-shadow 0.2s;
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.1);
}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon:before {
- content: " ";
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item:hover .p-carousel-dot-icon {
- background: #ced4da;
-}
-.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #4DB6AC;
+ color: #212529;
}
.p-datatable .p-paginator-top {
diff --git a/src/components/carousel/Carousel.vue b/src/components/carousel/Carousel.vue
index ab96c05b1..95eb25dd4 100755
--- a/src/components/carousel/Carousel.vue
+++ b/src/components/carousel/Carousel.vue
@@ -5,7 +5,7 @@
-