f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 18:32:40 +00:00
Code Wiki Activity

Merge pull request #2961 from Gazook89/Mobile-tweaks

Browse Source 
Simple adjustments for mobile viewing
This commit is contained in:
Trevor Buckner
2023-08-04 16:42:08 -04:00
committed by GitHub
parent 677e27bb66 8d3329069a
commit 3efa7dd0be
4 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/template.js
View File

@@ -11,6 +11,7 @@ const template = async function(name, title='', props = {}){
return `<!DOCTYPE html> return `<!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1, height=device-height, interactive-widget=resizes-visual" />
<link href="//use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" /> <link href="//use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
<link href=${`/${name}/bundle.css`} rel='stylesheet' /> <link href=${`/${name}/bundle.css`} rel='stylesheet' />

3
shared/naturalcrit/codeEditor/codeEditor.less
View File

@@ -9,6 +9,9 @@
} }
.codeEditor{ .codeEditor{
@media screen and (pointer : coarse) {
font-size : 16px;
}
.CodeMirror-foldmarker { .CodeMirror-foldmarker {
font-family: inherit; font-family: inherit;
text-shadow: none; text-shadow: none;

8
shared/naturalcrit/splitPane/splitPane.jsx
View File

@@ -61,7 +61,8 @@ const SplitPane = createClass({
return result; return result;
}, },
handleUp : function(){ handleUp : function(e){
e.preventDefault();
if(this.state.isDragging){ if(this.state.isDragging){
this.props.onDragFinish(this.state.currentDividerPos); this.props.onDragFinish(this.state.currentDividerPos);
window.localStorage.setItem(this.props.storageKey, this.state.currentDividerPos); window.localStorage.setItem(this.props.storageKey, this.state.currentDividerPos);
@@ -76,6 +77,7 @@ const SplitPane = createClass({
}, },
handleMove : function(e){ handleMove : function(e){
e.preventDefault();
if(!this.state.isDragging) return; if(!this.state.isDragging) return;
const newSize = this.limitPosition(e.pageX); const newSize = this.limitPosition(e.pageX);
@@ -122,7 +124,7 @@ const SplitPane = createClass({
renderDivider : function(){ renderDivider : function(){
return <> return <>
{this.renderMoveArrows()} {this.renderMoveArrows()}
<div className='divider' onMouseDown={this.handleDown} > <div className='divider' onPointerDown={this.handleDown} >
<div className='dots'> <div className='dots'>
<i className='fas fa-circle' /> <i className='fas fa-circle' />
<i className='fas fa-circle' /> <i className='fas fa-circle' />
@@ -133,7 +135,7 @@ const SplitPane = createClass({
}, },
render : function(){ render : function(){
return <div className='splitPane' onMouseMove={this.handleMove} onMouseUp={this.handleUp}> return <div className='splitPane' onPointerMove={this.handleMove} onPointerUp={this.handleUp}>
<Pane <Pane
ref='pane1' ref='pane1'
width={this.state.currentDividerPos} width={this.state.currentDividerPos}

1
shared/naturalcrit/splitPane/splitPane.less
View File

@@ -11,6 +11,7 @@
flex : 1; flex : 1;
} }
.divider{ .divider{
touch-action : none;
display : table; display : table;
height : 100%; height : 100%;
width : 15px; width : 15px;