opensourcemirror
/
nextcloud-tasks
mirror of https://github.com/nextcloud/tasks.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix TaskCreateDialog and Multiselect appearance 

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
This commit is contained in:
Raimund Schlüßler 2022-10-13 21:29:33 +02:00
parent 5666eb6308
commit 1449a36ff0
No known key found for this signature in database
GPG Key ID: 036FA7EB1A599178
4 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/AppSidebar/CalendarPickerItem.vue
View File

@ -121,6 +121,7 @@ export default {
.multiselect__tags {
border: 1px solid transparent;
height: 44px;
padding: 0 !important;
.multiselect__single {
padding: 0;
@ -133,6 +134,7 @@ export default {
position: absolute !important;
font-weight: bold;
font-size: var(--default-font-size);
line-height: 44px;
}
}

1
src/components/AppSidebar/MultiselectItem.vue
View File

@ -131,6 +131,7 @@ export default {
.multiselect__tags {
border: 1px solid transparent;
height: 44px;
padding: 0 !important;
.multiselect__single {
padding: 0;

2
src/components/AppSidebar/TagsItem.vue
View File

@ -148,6 +148,7 @@ export default {
.multiselect__tags {
border: 1px solid transparent;
height: 44px;
padding: 0 !important;
flex-grow: 1;
.multiselect__single {
@ -166,6 +167,7 @@ export default {
position: absolute !important;
font-weight: bold;
font-size: var(--default-font-size);
line-height: 44px;
}
.multiselect__tags-wrap {

23
src/components/TaskCreateDialog.vue
View File

@ -219,9 +219,8 @@ export default {
.empty-content {
margin: 10vh 0;
::v-deep p {
:deep(.empty-content__action) {
display: flex;
justify-content: flex-end;
}
}
}
@ -230,9 +229,8 @@ export default {
border-bottom: none;
margin-bottom: 3px;
:deep(.multiselect) {
border: 1px solid var(--color-border-dark);
border-radius: var(--border-radius);
:deep(.multiselect .multiselect__tags) {
border: 2px solid var(--color-border-dark);
}
}
@ -241,15 +239,14 @@ export default {
.material-design-icon {
position: absolute;
top: 12px;
left: 12px;
top: 14px;
left: 14px;
}
input,
textarea {
width: 100%;
font-size: var(--default-font-size);
padding-left: 44px;
padding-left: 44px !important;
}
input {
@ -264,10 +261,10 @@ export default {
}
}
.modal-buttons {
display: flex;
justify-content: flex-end;
}
.modal-buttons {
display: flex;
justify-content: flex-end;
}
:deep(.calendar-picker-option__label),
:deep(.property__item .multiselect__tags) input.multiselect__input {