aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorpacien2020-04-17 22:05:39 +0200
committerpacien2020-04-17 22:05:42 +0200
commit7449b0480c2ce820aa59716c4e6d5241e045ca62 (patch)
tree6f1e4920118d9b1134244a04f56c330ab70f25ad
parent69cd09b4eba999447527819401ff9e23bfa1134e (diff)
downloadldgallery-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
-rw-r--r--viewer/src/components/LdCommandSearch.vue7
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>