bitque/jirs-client/js/css/styledSelectChild.css

73 lines
1.4 KiB
CSS

.selectItem {
padding: 4px 8px;
}
.selectItem.capitalize,
.optionItem.capitalize {
text-transform: capitalize;
}
.selectItem.priority.highest > .styledIcon,
.optionItem.priority.highest > .styledIcon {
color: var(--highest);
}
.selectItem.priority.high > .styledIcon,
.optionItem.priority.high > .styledIcon {
color: var(--high);
}
.selectItem.priority.medium > .styledIcon,
.optionItem.priority.medium > .styledIcon {
color: var(--medium);
}
.selectItem.priority.low > .styledIcon,
.optionItem.priority.low > .styledIcon {
color: var(--low);
}
.selectItem.priority.lowest > .styledIcon,
.optionItem.priority.lowest > .styledIcon {
color: var(--lowest);
}
.selectItem.priority > .selectItemLabel {
text-transform: capitalize;
}
.optionItem {
display: flex;
align-items: center;
}
.optionItem > .styledIcon {
font-size: 18px;
}
.selectItem > .selectItemLabel,
.optionItem > .optionLabel {
padding: 0 5px 0 7px;
font-size: 15px;
}
.optionItem.priority > .optionLabel {
padding: 0 5px 0 7px;
font-size: 15px;
text-transform: capitalize;
}
.optionItem.priority > .styledIcon {
font-size: 18px;
}
/* edit issue */
.topActions > .styledSelect > .valueContainer,
.topActions > .styledSelect > .valueContainer > .selectItem {
height: 100%;
}
.topActions .selectItem, .topActions .optionItem {
padding: 0 12px;
}