|
38 | 38 | ref="list"
|
39 | 39 | >
|
40 | 40 | <v-layout slot="header" row spacer>
|
41 |
| - <v-flex no-wrap md7 lg4> |
| 41 | + <v-flex no-wrap xs10> |
42 | 42 |
|
43 | 43 | <v-menu open-on-hover top offset-y>
|
44 | 44 | <v-chip
|
|
61 | 61 | </v-card>
|
62 | 62 | </v-menu>
|
63 | 63 | <strong class="grey--text date">{{ __('ui_created') }} <dynamic-time v-model="list.time"></dynamic-time></strong>
|
64 |
| - </v-flex> |
65 |
| - <v-flex no-wrap md6 lg9 @keydown.enter="saveTitle(listIndex)"> |
66 | 64 | <v-text-field
|
67 | 65 | class="title-editor"
|
68 | 66 | autofocus
|
69 | 67 | v-if="list.titleEditing"
|
70 |
| - @blur="saveTitle(listIndex)" |
| 68 | + @keydown.enter="saveTitle(listIndex)" |
| 69 | + @click.prevent.stop |
| 70 | + full-width |
| 71 | + @b-lur="saveTitle(listIndex)" |
71 | 72 | v-model="list.title"
|
72 | 73 | single-line
|
73 | 74 | hide-details
|
74 | 75 | ></v-text-field>
|
75 |
| - <strong class="list-title" v-else :class="list.color ? list.color + '--text' : ''">{{ list.title }}</strong> |
| 76 | + <div class="list-title" v-else :class="list.color ? list.color + '--text' : ''">{{ list.title }}</div> |
76 | 77 | </v-flex>
|
77 | 78 | <v-flex xs2 class="text-xs-right">
|
78 | 79 | <v-btn :title="__('ui_title_down_btn')" @click.stop="moveListDown(listIndex)" flat icon class="icon-in-title" :disabled="listIndex === lists.length - 1">
|
@@ -236,11 +237,11 @@ export default {
|
236 | 237 | offset: -50,
|
237 | 238 | easing: 'easeInOutCubic',
|
238 | 239 | }
|
239 |
| - if (item.tabIndex) { |
| 240 | + if (item.tabIndex == null) { |
| 241 | + this.$vuetify.goTo(this.$refs.list[item.listIndex], opt) |
| 242 | + } else { |
240 | 243 | this.expandList(true, item.listIndex)
|
241 | 244 | this.$vuetify.goTo(this.$refs[`list-${item.listIndex}-tab`][item.tabIndex], opt)
|
242 |
| - } else { |
243 |
| - this.$vuetify.goTo(this.$refs.list[item.listIndex], opt) |
244 | 245 | }
|
245 | 246 | }
|
246 | 247 | },
|
@@ -401,10 +402,18 @@ export default {
|
401 | 402 | }
|
402 | 403 | .title-editor {
|
403 | 404 | padding: 0;
|
| 405 | + display: inline-flex; |
| 406 | + width: 80%; |
| 407 | + font-size: 12px; |
| 408 | + :global(.v-input__control) { |
| 409 | + padding: 0 !important; |
| 410 | + } |
404 | 411 | }
|
405 | 412 | .list-title {
|
| 413 | + display: inline-block; |
406 | 414 | font-size: 100%;
|
407 | 415 | line-height: 34px;
|
| 416 | + padding: 0 12px; |
408 | 417 | }
|
409 | 418 | .tab-list {
|
410 | 419 | .icon-in-title {
|
|
0 commit comments