ami/tl-vikunja
1
0
Fork 0
Code Activity

chore: use the <dropdown> and <dropdown-item> components everywhere

Browse Source 
Resolves https://kolaente.dev/vikunja/frontend/issues/2176
This commit is contained in:
kolaente
2022-07-20 17:08:46 +02:00
parent d6a10b01dd
commit cdb63b578d
11 changed files with 146 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/styles/common-imports.scss
View File

@ -24,9 +24,6 @@ $vikunja-font: 'Quicksand', sans-serif;
$pagination-current-border: var(--primary);
$navbar-item-active-color: var(--primary);
$dropdown-content-shadow: none;
$dropdown-item-hover-background-color: var(--grey-100);
$site-background: var(--grey-100);
$transition-duration: 150ms;

2
src/styles/global.scss
View File

@ -44,7 +44,7 @@
// imports from "bulma-css-variables/sass/components/_all";
// @import "bulma-css-variables/sass/components/breadcrumb"; // not used
@import "bulma-css-variables/sass/components/card";
@import "bulma-css-variables/sass/components/dropdown";
// @import "bulma-css-variables/sass/components/dropdown"; // moved to component
// @import "bulma-css-variables/sass/components/level"; // not used
@import "bulma-css-variables/sass/components/media";
@import "bulma-css-variables/sass/components/menu";

28
src/styles/theme/theme.scss
View File

@ -91,34 +91,6 @@ button.table {
margin-bottom: 0 !important;
}
// FIXME: merge with dropdown-item.vue
// for this to happen the component has to be used everywhere
.dropdown-item {
display: flex;
align-items: center;
justify-content: left !important;
.icon {
padding-right: .5rem;
}
.icon:not(.has-text-success) {
color: var(--grey-300) !important;
}
&.has-text-danger .icon {
color: var(--danger) !important;
}
&.is-disabled {
cursor: not-allowed;
&:hover {
background-color: transparent;
}
}
}
.is-max-width-desktop {
width: 100%;
max-width: $desktop;