1
0
mirror of https://github.com/writeas/writefreely synced 2025-02-01 01:56:58 +01:00

Merge pull request #452 from writefreely/fix-ace-touchscreens

Disable Ace editor on touchscreen devices
This commit is contained in:
Matt Baer 2021-04-19 16:25:53 -04:00 committed by GitHub
commit c0fdd8af49
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -12,6 +12,12 @@ textarea.section.norm {
max-height: 20em; max-height: 20em;
resize: vertical; resize: vertical;
} }
@media (pointer: coarse) {
.codable {
font-size: 0.75em !important;
height: 17em !important;
}
}
</style> </style>
<div class="content-container snug"> <div class="content-container snug">
@ -258,18 +264,21 @@ var $customDomain = document.getElementById('domain-alias');
var $customHandleEnv = document.getElementById('custom-handle-env'); var $customHandleEnv = document.getElementById('custom-handle-env');
var $normalHandleEnv = document.getElementById('normal-handle-env'); var $normalHandleEnv = document.getElementById('normal-handle-env');
var opt = { if (matchMedia('(pointer:fine)').matches) {
// Only initialize Ace editor on devices with a mouse
var opt = {
showLineNumbers: false, showLineNumbers: false,
showPrintMargin: 0, showPrintMargin: 0,
minLines: 10, minLines: 10,
maxLines: 40, maxLines: 40,
}; };
var theme = "ace/theme/chrome"; var theme = "ace/theme/chrome";
var cssEditor = ace.edit("css-editor"); var cssEditor = ace.edit("css-editor");
cssEditor.setTheme(theme); cssEditor.setTheme(theme);
cssEditor.session.setMode("ace/mode/css"); cssEditor.session.setMode("ace/mode/css");
cssEditor.setOptions(opt); cssEditor.setOptions(opt);
cssEditor.resize(true); cssEditor.resize(true);
}
</script> </script>
{{template "footer" .}} {{template "footer" .}}