fix issue with not being able to click toolbar

This commit is contained in:
Nolan Lawson 2018-04-05 20:30:52 -07:00
parent c54bde0a19
commit 001f85eecc
2 changed files with 11 additions and 2 deletions

View File

@ -17,7 +17,7 @@
}
.compose-autosuggest.shown {
pointer-events: auto;
opacity: 1
opacity: 1;
}
@media (max-width: 479px) {

View File

@ -30,7 +30,7 @@
style="display: none;"
type="file"
accept=".jpg,.jpeg,.png,.gif,.webm,.mp4,.m4v,image/jpeg,image/png,image/gif,video/webm,video/mp4">
<div class="compose-autosuggest-wrapper">
<div class="compose-autosuggest-wrapper {{composeAutosuggestionShown ? '' : 'not-shown'}} {{realm === 'dialog' ? 'is-dialog' : ''}}">
<ComposeAutosuggest :realm :text />
</div>
</div>
@ -50,6 +50,12 @@
top: 0;
z-index: 7000;
}
.compose-autosuggest-wrapper.is-dialog {
z-index: 11000;
}
.compose-autosuggest-wrapper.not-shown {
pointer-events: none;
}
</style>
<script>
import IconButton from '../IconButton.html'
@ -76,6 +82,9 @@
ComposeAutosuggest
},
store: () => store,
computed: {
composeAutosuggestionShown: ($composeAutosuggestionShown) => $composeAutosuggestionShown
},
methods: {
async onEmojiClick() {
let dialogs = await importDialogs()