@posiwise/core-styles 0.0.41 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/scss/shared/_prime-ng.scss +58 -1
package/package.json
CHANGED
|
@@ -2156,6 +2156,7 @@ body {
|
|
|
2156
2156
|
}
|
|
2157
2157
|
}
|
|
2158
2158
|
|
|
2159
|
+
/* Legacy PrimeNG accordion (ui-* classes) - kept for reference only */
|
|
2159
2160
|
.ui-accordion {
|
|
2160
2161
|
.ui-accordion-header {
|
|
2161
2162
|
margin-bottom: 2px;
|
|
@@ -2220,7 +2221,63 @@ body {
|
|
|
2220
2221
|
}
|
|
2221
2222
|
}
|
|
2222
2223
|
|
|
2223
|
-
/* PrimeNG 19 Accordion -
|
|
2224
|
+
/* PrimeNG 19 Accordion - same visual as legacy (gray default, primary active, white content) */
|
|
2225
|
+
.p-accordion {
|
|
2226
|
+
.p-accordionpanel {
|
|
2227
|
+
margin-bottom: 2px;
|
|
2228
|
+
|
|
2229
|
+
> .p-accordionheader {
|
|
2230
|
+
background-color: rgb(239 239 239);
|
|
2231
|
+
border: 1px solid $ng-gray;
|
|
2232
|
+
color: $font-color-main;
|
|
2233
|
+
padding: 0.857em 1em;
|
|
2234
|
+
|
|
2235
|
+
.p-accordionheader-toggle-icon {
|
|
2236
|
+
color: $titleBarIcon;
|
|
2237
|
+
}
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2240
|
+
&:not(.p-accordionpanel-active):not(.p-disabled) {
|
|
2241
|
+
> .p-accordionheader:hover {
|
|
2242
|
+
border: 1px solid $tabView;
|
|
2243
|
+
color: $font-color-main;
|
|
2244
|
+
|
|
2245
|
+
.p-accordionheader-toggle-icon {
|
|
2246
|
+
color: $font-color-main;
|
|
2247
|
+
}
|
|
2248
|
+
}
|
|
2249
|
+
}
|
|
2250
|
+
|
|
2251
|
+
&:not(.p-disabled).p-accordionpanel-active {
|
|
2252
|
+
> .p-accordionheader {
|
|
2253
|
+
background-color: rgb(239 239 239);
|
|
2254
|
+
color: rgb(255 255 255);
|
|
2255
|
+
|
|
2256
|
+
.p-accordionheader-toggle-icon {
|
|
2257
|
+
color: rgb(255 255 255);
|
|
2258
|
+
}
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2261
|
+
> .p-accordionheader:hover {
|
|
2262
|
+
background-color: rgb(239 239 239);
|
|
2263
|
+
color: rgb(255 255 255);
|
|
2264
|
+
|
|
2265
|
+
.p-accordionheader-toggle-icon {
|
|
2266
|
+
color: rgb(255 255 255);
|
|
2267
|
+
}
|
|
2268
|
+
}
|
|
2269
|
+
}
|
|
2270
|
+
}
|
|
2271
|
+
|
|
2272
|
+
.p-accordioncontent-content {
|
|
2273
|
+
background-color: rgb(255 255 255);
|
|
2274
|
+
border: 1px solid $ng-gray;
|
|
2275
|
+
color: $font-color-main;
|
|
2276
|
+
padding: 1.171em 1em;
|
|
2277
|
+
}
|
|
2278
|
+
}
|
|
2279
|
+
|
|
2280
|
+
/* PrimeNG 19 Accordion - keep header and icon color as tabs_bg (do not change) */
|
|
2224
2281
|
.p-accordionheader {
|
|
2225
2282
|
color: var(--tabs_bg) !important;
|
|
2226
2283
|
|