diff options
| author | pacien | 2020-04-17 22:05:39 +0200 |
|---|---|---|
| committer | pacien | 2020-04-17 22:05:42 +0200 |
| commit | 7449b0480c2ce820aa59716c4e6d5241e045ca62 (patch) | |
| tree | 6f1e4920118d9b1134244a04f56c330ab70f25ad /viewer/src/components | |
| parent | 69cd09b4eba999447527819401ff9e23bfa1134e (diff) | |
| download | ldgallery-7449b0480c2ce820aa59716c4e6d5241e045ca62.tar.gz | |
viewer: ldcommandsearch: clarify flex shrink fix
The bug only affects old version of webkit and seem to have been fixed in the
latest releases of Chromium.
GitHub: #183
Diffstat (limited to 'viewer/src/components')
| -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> |