68 lines
1.9 KiB
SCSS
68 lines
1.9 KiB
SCSS
.p-picklist {
|
|
.p-picklist-buttons {
|
|
padding: $panelContentPadding;
|
|
|
|
.p-button {
|
|
margin-bottom: $inlineSpacing;
|
|
}
|
|
}
|
|
|
|
.p-picklist-header {
|
|
background: $panelHeaderBg;
|
|
color: $panelHeaderTextColor;
|
|
border: $panelHeaderBorder;
|
|
padding: $panelHeaderPadding;
|
|
font-weight: $panelHeaderFontWeight;
|
|
border-bottom: 0 none;
|
|
border-top-right-radius: $borderRadius;
|
|
border-top-left-radius: $borderRadius;
|
|
}
|
|
|
|
.p-picklist-filter-container {
|
|
padding: $panelHeaderPadding;
|
|
background: $panelContentBg;
|
|
border: $panelHeaderBorder;
|
|
border-bottom: 0 none;
|
|
|
|
.p-picklist-filter-input {
|
|
padding-right: nth($inputPadding, 2) + $primeIconFontSize;
|
|
}
|
|
|
|
.p-picklist-filter-icon {
|
|
right: nth($inputPadding, 2);
|
|
color: $inputIconColor;
|
|
}
|
|
}
|
|
|
|
.p-picklist-list {
|
|
border: $panelContentBorder;
|
|
background: $panelContentBg;
|
|
color: $panelContentTextColor;
|
|
padding: $inputListPadding;
|
|
border-bottom-right-radius: $borderRadius;
|
|
border-bottom-left-radius: $borderRadius;
|
|
|
|
.p-picklist-item {
|
|
padding: $inputListItemPadding;
|
|
margin: $inputListItemMargin;
|
|
border: $inputListItemBorder;
|
|
color: $inputListItemTextColor;
|
|
background: $inputListItemBg;
|
|
transition: transform $transitionDuration, $listItemTransition;
|
|
|
|
&:not(.p-highlight):hover {
|
|
background: $inputListItemHoverBg;
|
|
color: $inputListItemTextHoverColor;
|
|
}
|
|
|
|
&:focus {
|
|
@include focused-listitem();
|
|
}
|
|
|
|
&.p-highlight {
|
|
color: $highlightTextColor;
|
|
background: $highlightBg;
|
|
}
|
|
}
|
|
}
|
|
} |