chore: replace section with a div

This commit is contained in:
kolaente 2023-04-10 20:48:19 +02:00
parent db1c6d6a41
commit 9b10693172
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 6 additions and 6 deletions

View File

@ -4,7 +4,7 @@
:class="{'is-loading': isLoading}" :class="{'is-loading': isLoading}"
:data-project-id="project.id" :data-project-id="project.id"
> >
<section> <div>
<BaseButton <BaseButton
v-if="canCollapse && childProjects?.length > 0" v-if="canCollapse && childProjects?.length > 0"
@click="childProjectsOpen = !childProjectsOpen" @click="childProjectsOpen = !childProjectsOpen"
@ -44,7 +44,7 @@
</template> </template>
</ProjectSettingsDropdown> </ProjectSettingsDropdown>
<span class="list-setting-spacer" v-else></span> <span class="list-setting-spacer" v-else></span>
</section> </div>
<ProjectsNavigation <ProjectsNavigation
v-if="canNestDeeper && childProjectsOpen && canCollapse" v-if="canNestDeeper && childProjectsOpen && canCollapse"
v-model="childProjects" v-model="childProjects"
@ -120,7 +120,7 @@ const canNestDeeper = computed(() => {
} }
} }
.list-menu:hover > section > .favorite { .list-menu:hover > div > .favorite {
opacity: 1; opacity: 1;
} }
</style> </style>

View File

@ -19,7 +19,7 @@
padding: 0; padding: 0;
&.other-menu-items li, &.other-menu-items li,
li > section { li > div {
height: 44px; height: 44px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -29,7 +29,7 @@
} }
} }
li > section { li > div {
.menu-list-dropdown { .menu-list-dropdown {
opacity: 1; opacity: 1;
transition: $transition; transition: $transition;
@ -76,7 +76,7 @@
} }
.list-menu-link, .list-menu-link,
li, li > section { li, li > div {
.collapse-project-button { .collapse-project-button {
padding: .5rem .25rem .5rem .5rem; padding: .5rem .25rem .5rem .5rem;