No color for selected item of panels

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
ddm
Posts: 3
Joined: 20 Dec 2018, 09:11

20 Apr 2020, 21:09

Hi

Using the demo MIrage, selected item for AccordionPanel, TabView should be colored using selected color from Components.

Thank you

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

23 Apr 2020, 15:38

Hi,
This is related to design but you can add the below in your stylesheet or overrides file (src/assets/sass/overrides/_theme_styles.scss);

Code: Select all

body {
	.ui-accordion {
		.ui-accordion-header {
			&.ui-state-active {
				background-color: $primaryColor;
				
				> a, > a .ui-accordion-toggle-icon {
					color: $primaryTextColor;
				}
			}
		}
	}
	.ui-tabview {
		&.ui-tabview-top, &.ui-tabview-bottom, &.ui-tabview-left, &.ui-tabview-right {
			.ui-tabview-nav {
				li {
					&.ui-state-active {
						background-color: $primaryColor;

						> a {
							color: $primaryTextColor;
						}
					}
				}
			}
		}
	}
}

Post Reply

Return to “Mirage - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest