|
13 | 13 | :text="tt('Add')" v-if="!allTags || !allTags.length || noAvailableTag" @click="addNewTag"></f7-link> |
14 | 14 | </div> |
15 | 15 | </f7-toolbar> |
16 | | - <f7-searchbar ref="searchbar" custom-searchs |
17 | | - :value="filterContent" |
18 | | - :placeholder="tt('Find tag')" |
19 | | - :disable-button="false" |
20 | | - v-if="enableFilter" |
21 | | - @input="filterContent = $event.target.value" |
22 | | - @focus="onSearchBarFocus"> |
23 | | - </f7-searchbar> |
24 | | - <f7-page-content :class="'no-padding-top ' + heightClass"> |
| 16 | + <f7-page-content :class="heightClass"> |
| 17 | + <f7-searchbar ref="searchbar" custom-searchs |
| 18 | + :value="filterContent" |
| 19 | + :placeholder="tt('Find tag')" |
| 20 | + :disable-button="false" |
| 21 | + v-if="enableFilter" |
| 22 | + @input="filterContent = $event.target.value" |
| 23 | + @focus="onSearchBarFocus"> |
| 24 | + </f7-searchbar> |
25 | 25 | <f7-list class="no-margin-top no-margin-bottom" v-if="(!allTags || !allTags.length || noAvailableTag) && !newTag"> |
26 | 26 | <f7-list-item :title="tt('No available tag')"></f7-list-item> |
27 | 27 | </f7-list> |
|
49 | 49 | v-if="allowAddNewTag && !newTag" |
50 | 50 | @click="addNewTag()"> |
51 | 51 | </f7-list-item> |
52 | | - <f7-list-item checkbox indeterminate disabled v-if="allowAddNewTag && newTag"> |
| 52 | + <f7-list-item class="editing-list-item" checkbox indeterminate disabled v-if="allowAddNewTag && newTag"> |
53 | 53 | <template #media> |
54 | 54 | <f7-icon class="transaction-tag-icon" f7="number"></f7-icon> |
55 | 55 | </template> |
@@ -154,9 +154,9 @@ const noAvailableTag = computed<boolean>(() => { |
154 | 154 | }); |
155 | 155 |
|
156 | 156 | function getHeightClass(): string { |
157 | | - if (transactionTagsStore.allTransactionTags && transactionTagsStore.allVisibleTagsCount > 8) { |
| 157 | + if (transactionTagsStore.allTransactionTags && transactionTagsStore.allVisibleTagsCount > 6) { |
158 | 158 | return 'tag-selection-huge-sheet'; |
159 | | - } else if (transactionTagsStore.allTransactionTags && transactionTagsStore.allVisibleTagsCount > 4) { |
| 159 | + } else if (transactionTagsStore.allTransactionTags && transactionTagsStore.allVisibleTagsCount > 3) { |
160 | 160 | return 'tag-selection-large-sheet'; |
161 | 161 | } else { |
162 | 162 | return 'tag-selection-default-sheet'; |
@@ -240,23 +240,23 @@ function onSheetClosed(): void { |
240 | 240 |
|
241 | 241 | <style> |
242 | 242 | .tag-selection-default-sheet { |
243 | | - height: 200px; |
| 243 | + height: 310px; |
244 | 244 | } |
245 | 245 |
|
246 | 246 | @media (min-height: 630px) { |
247 | 247 | .tag-selection-large-sheet { |
248 | | - height: 260px; |
| 248 | + height: 370px; |
249 | 249 | } |
250 | 250 |
|
251 | 251 | .tag-selection-huge-sheet { |
252 | | - height: 380px; |
| 252 | + height: 500px; |
253 | 253 | } |
254 | 254 | } |
255 | 255 |
|
256 | 256 | @media (max-height: 629px) { |
257 | 257 | .tag-selection-large-sheet, |
258 | 258 | .tag-selection-huge-sheet { |
259 | | - height: 240px; |
| 259 | + height: 360px; |
260 | 260 | } |
261 | 261 | } |
262 | 262 |
|
|
0 commit comments