ami/tl-vikunja
1
0
Fork 0
Code

feat: reduce dropdown-item selector specificity (#2680)

Browse Source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2680
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2022-11-12 10:46:39 +00:00 committed by konrad
parent 599c1ba4b5
commit eb4c2a4b9d
1 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/misc/dropdown-item.vue
View File

@ -29,10 +29,6 @@ defineProps<DropDownItemProps>()
line-height: 1.5;
padding: $item-padding;
position: relative;
}
a.dropdown-item,
button.dropdown-item {
text-align: inherit;
white-space: nowrap;
width: 100%;
@ -40,33 +36,29 @@ button.dropdown-item {
align-items: center;
justify-content: left !important;
&:hover {
background-color: var(--grey-100) !important;
}
&.is-active {
background-color: var(--link);
color: var(--link-invert);
}
.icon {
padding-right: .5rem;
}
.icon:not(.has-text-success) {
color: var(--grey-300) !important;
}
&.has-text-danger .icon {
color: var(--danger) !important;
&:hover:not(.is-disabled) {
background-color: var(--grey-100);
}
&.is-disabled {
cursor: not-allowed;
}
}
&:hover {
background-color: transparent;
.icon {
padding-right: .5rem;
&:not(.has-text-success) {
color: var(--grey-300) !important;
}
}
.has-text-danger .icon {
color: var(--danger) !important;
}
</style>