diff options
Diffstat (limited to 'viewer/src/components/LdCommandSearch.vue')
-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> |