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