Fix mobile input issues

Scrolling issue in theme picker
Text input issue in action control
This commit is contained in:
JannisX11 2021-03-10 16:18:40 +01:00
parent d13669ef97
commit 30dd7b8ab3
5 changed files with 4 additions and 6 deletions

View File

@ -292,8 +292,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
.sp-container {
border-radius: 0;
background-color: var(--color-back);
border: solid 1px var(--color-border);
background-color: var(--color-ui);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
padding: 0;
}

View File

@ -1933,7 +1933,7 @@ const BARS = {
},
template: `
<dialog id="action_selector" v-if="open">
<input type="text" v-model="search_input" autocomplete="off" autosave="off" autocorrect="off" spellcheck="off" autocapitalize="off">
<input type="text" v-model="search_input" @input="e => search_input = e.target.value" autocomplete="off" autosave="off" autocorrect="off" spellcheck="off" autocapitalize="off">
<i class="material-icons" id="action_search_bar_icon">search</i>
<div>
<ul>

View File

@ -346,7 +346,7 @@ function updateInterfacePanels() {
}
function resizeWindow(event) {
if (!Preview.all || (event && event.target && event.target !== window)) {
if (!window.Preview || !Preview.all || (event && event.target && event.target !== window)) {
return;
}
if (Animator.open) {

View File

@ -104,7 +104,7 @@ const CustomTheme = {
var scope_key = key;
var hex = CustomTheme.data.colors[scope_key];
var last_color = hex;
var field = wrapper.find('#color_field_'+scope_key);
var field = wrapper.find(`#color_field_${scope_key} .layout_color_preview`);
field.spectrum({
preferredFormat: "hex",

View File

@ -1025,7 +1025,6 @@
var viewWidth = docElem.clientWidth + $(doc).scrollLeft();
var viewHeight = docElem.clientHeight + $(doc).scrollTop();
var offset = input.offset();
offset.top = input[0].offsetTop;
offset.top += inputHeight;
offset.left -=