vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: reduce duplicate CSS rules
All checks were successful
continuous-integration/drone/pr Build is passing
Details

Browse Source
This commit is contained in:
Dan Stewart 2023-03-03 21:29:46 +00:00
parent da7ddbde27
commit fe7cbfdc14
3 changed files with 7 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/home/navigation.vue
View File

@ -342,16 +342,12 @@ $vikunja-nav-selected-width: 0.4rem;
}
.menu-list-dropdown {
opacity: 0;
opacity: 1;
transition: $transition;
}
& .menu-list-dropdown {
opacity: 1;
}
@media(hover: hover) and (pointer: fine) {
& .menu-list-dropdown {
.menu-list-dropdown {
opacity: 0;
}
@ -492,27 +488,21 @@ $vikunja-nav-selected-width: 0.4rem;
.favorite {
margin-left: .25rem;
transition: opacity $transition, color $transition;
opacity: 0;
opacity: 1;
&:hover,
&.is-favorite {
color: var(--warning);
opacity: 1;
}
}
.favorite.is-favorite,
.list-menu .favorite {
opacity: 1;
}
@media(hover: hover) and (pointer: fine) {
.favorite.is-favorite,
.list-menu .favorite {
opacity: 0;
}
.favorite.is-favorite,
.list-menu:hover .favorite {
opacity: 1;
}

6
src/components/list/partials/ListCard.vue
View File

@ -147,7 +147,7 @@ const listStore = useListStore()
top: var(--list-card-padding);
right: var(--list-card-padding);
transition: opacity $transition, color $transition;
opacity: 0;
opacity: 1;
&:hover {
color: var(--warning);
@ -160,10 +160,6 @@ const listStore = useListStore()
}
}
.list-card .favorite {
opacity: 1;
}
@media(hover: hover) and (pointer: fine) {
.list-card .favorite {
opacity: 0;

12
src/components/tasks/partials/singleTaskInList.vue
View File

@ -339,7 +339,7 @@ function hideDeferDueDatePopup(e) {
}
.favorite {
opacity: 0;
opacity: 1;
text-align: center;
width: 27px;
transition: opacity $transition, color $transition;
@ -355,20 +355,12 @@ function hideDeferDueDatePopup(e) {
}
.handle {
opacity: 0;
opacity: 1;
transition: opacity $transition;
margin-right: .25rem;
cursor: grab;
}
& .favorite {
opacity: 1;
}
& .handle {
opacity: 1;
}
@media(hover: hover) and (pointer: fine) {
& .favorite {
opacity: 0;