Doni/ModelHandle
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile view.

Browse Source
This commit is contained in:
kovacsv 2019-02-17 08:48:27 +01:00
parent 0fa3608535
commit 3c39a724e4
5 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
website/include/floatingdialog.css
View File

@ -37,3 +37,11 @@ div.dialogbutton
border-radius : 3px;
float : right;
}
@media only screen and (max-device-width : 600px)
{
div.dialog
{
width : 80%;
}
}

31
website/include/importerapp.css
View File

@ -33,19 +33,19 @@ html, body
overflow : auto;
}
div.buttons
#buttons
{
overflow : auto;
float : left;
}
div.rightbuttons
#extbuttons
{
overflow : auto;
float : right;
}
div.logo
#logo
{
color : #ffffff;
background : linear-gradient(#0095c6, #006d91) #008ab8;
@ -202,7 +202,7 @@ div.submenubuttons img.submenubutton
div.importerdialog
{
width : 450px;
width : 400px;
}
div.welcometitle
@ -241,3 +241,26 @@ a:hover
{
text-decoration : underline;
}
@media only screen and (max-device-width : 600px)
{
#logo
{
display : none;
}
#left
{
display : none;
}
#extbuttons
{
display : none;
}
div.importerdialog
{
width : 80%;
}
}

6
website/include/importerapp.js
View File

@ -25,6 +25,7 @@ ImporterApp = function ()
this.importerButtons = null;
this.extensionButtons = null;
this.aboutDialog = null;
this.isMobile = null;
this.readyForTest = null;
};
@ -61,6 +62,9 @@ ImporterApp.prototype.Init = function ()
this.extensionButtons = new ExtensionButtons (top);
this.aboutDialog = new FloatingDialog ();
var match = window.matchMedia ("(max-device-width : 600px)");
this.isMobile = match.matches;
window.addEventListener ('resize', this.Resize.bind (this), false);
this.Resize ();
@ -78,7 +82,7 @@ ImporterApp.prototype.Init = function ()
window.onhashchange = this.LoadFilesFromHash.bind (this);
var hasHashModel = this.LoadFilesFromHash ();
if (!hasHashModel) {
if (!hasHashModel && !this.isMobile) {
this.ShowAboutDialog ();
}
};

6
website/include/importermenu.js
View File

@ -159,12 +159,12 @@ ImporterMenu.prototype.AddGroup = function (name, parameters)
ImporterButtons = function (parent)
{
this.buttonsDiv = $('<div>').addClass ('buttons').appendTo (parent);
this.buttonsDiv = $('<div>').attr ('id', 'buttons').appendTo (parent);
};
ImporterButtons.prototype.AddLogo = function (title, onClick)
{
var logoDiv = $('<div>').addClass ('logo').html (title).appendTo (this.buttonsDiv);
var logoDiv = $('<div>').attr ('id', 'logo').html (title).appendTo (this.buttonsDiv);
logoDiv.click (onClick);
};
@ -193,7 +193,7 @@ ImporterButtons.prototype.AddToggleButton = function (image, toggleImage, title,
ExtensionButtons = function (parent)
{
this.buttonsDiv = $('<div>').addClass ('rightbuttons').appendTo (parent);
this.buttonsDiv = $('<div>').attr ('id', 'extbuttons').appendTo (parent);
};
ExtensionButtons.prototype.GetButtonsDiv = function ()

1
website/index.html
View File

@ -6,6 +6,7 @@
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<script type="text/javascript" src="jquery/jquery-1.12.4.js"></script>