ami/tl-vikunja
1
0
Fork 0
Code Activity

fix: use :deep() selector instead of ::v-deep

Browse Source
This commit is contained in:
Dominik Pschenitschni
2021-10-20 14:33:36 +02:00
parent f496c9d678
commit 87d2b4fed3
15 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -393,7 +393,7 @@ $vikunja-nav-selected-width: 0.4rem;
padding: 0 .25rem;
}
::v-deep.dropdown-trigger {
:deep(.dropdown-trigger) {
padding: .5rem;
cursor: pointer;
}
@ -433,19 +433,19 @@ $vikunja-nav-selected-width: 0.4rem;
display: flex;
align-items: center;
::v-deep.dropdown-trigger {
&:hover {
background: $white;
}
:deep(.dropdown-trigger) {
opacity: 0;
padding: .5rem;
cursor: pointer;
transition: $transition;
}
&:hover {
background: $white;
::v-deep.dropdown-trigger {
opacity: 1;
}
&:hover :deep(.dropdown-trigger) {
opacity: 1;
}
&.loader-container.is-loading:after {

8
src/components/home/topNavigation.vue
View File

@ -206,7 +206,7 @@ $vikunja-nav-logo-full-width: 164px;
display: flex;
align-items: center;
::v-deep.dropdown-trigger {
:deep(.dropdown-trigger) {
line-height: 1;
.button {
@ -228,7 +228,7 @@ $vikunja-nav-logo-full-width: 164px;
.navbar {
// FIXME: notifications should provide a slot for the icon instead, so that we can style it as we want
::v-deep {
:deep() {
.trigger-button {
cursor: pointer;
color: $grey-400;
@ -256,7 +256,7 @@ $vikunja-nav-logo-full-width: 164px;
height: 40px;
}
::v-deep .dropdown-trigger .button {
:deep(.dropdown-trigger .button) {
background: none;
&:focus:not(:active), &:active {
@ -289,7 +289,7 @@ $vikunja-nav-logo-full-width: 164px;
margin: 0;
}
::v-deep.dropdown-trigger {
:deep(.dropdown-trigger) {
color: $grey-400;
margin-left: 1rem;
height: 1rem;