diff options
Diffstat (limited to 'viewer')
| -rw-r--r-- | viewer/src/components/LdCommandSearch.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue index b185a51..ef158ff 100644 --- a/viewer/src/components/LdCommandSearch.vue +++ b/viewer/src/components/LdCommandSearch.vue | |||
| @@ -18,7 +18,7 @@ | |||
| 18 | --> | 18 | --> |
| 19 | 19 | ||
| 20 | <template> | 20 | <template> |
| 21 | <div class="command-search-btn-row"> | 21 | <div class="flex webkit-flex-shrink-fix"> |
| 22 | <b-button @click="clear"> | 22 | <b-button @click="clear"> |
| 23 | <fa-icon icon="eraser" /> | 23 | <fa-icon icon="eraser" /> |
| 24 | <span>{{$t('command.search.clear')}}</span> | 24 | <span>{{$t('command.search.clear')}}</span> |
| @@ -48,8 +48,9 @@ export default class LdCommandSearch extends Vue { | |||
| 48 | </script> | 48 | </script> |
| 49 | 49 | ||
| 50 | <style lang="scss"> | 50 | <style lang="scss"> |
| 51 | .command-search-btn-row { | 51 | // fix flexbox shrinking and overlap in old webkit versions |
| 52 | display: flex; | 52 | // https://github.com/pacien/ldgallery/issues/183 |
| 53 | .webkit-flex-shrink-fix { | ||
| 53 | flex: none; | 54 | flex: none; |
| 54 | } | 55 | } |
| 55 | </style> | 56 | </style> |