data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix issue with not being able to click toolbar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
routes/_components/compose/ComposeAutosuggest.html
View file

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

11
routes/_components/compose/ComposeToolbar.html
View file

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