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

Center intro page content #404

Browse Source
This commit is contained in:
kovacsv 2023-06-18 07:37:57 +02:00
parent fab572309d
commit 181b237f12
4 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
source/website/css/website.css
View File

@ -76,13 +76,15 @@ div.intro_content
{ {
width: 500px; width: 500px;
max-width: 90%; max-width: 90%;
margin: 50px auto; margin: 0px auto;
position: relative;
} }
div.intro div.intro_logo div.intro div.intro_logo
{ {
border-bottom: 1px solid var(--ov_border_color); border-bottom: 1px solid var(--ov_border_color);
padding-bottom: 30px; padding-bottom: 30px;
margin-bottom: 30px;
} }
div.intro svg.intro_logo div.intro svg.intro_logo
@ -93,11 +95,6 @@ div.intro svg.intro_logo
margin-bottom: 20px; margin-bottom: 20px;
} }
div.intro div.intro_formats
{
margin-top: 30px;
}
div.intro div.intro_dragdrop_text div.intro div.intro_dragdrop_text
{ {
font-size: 30px; font-size: 30px;

1
source/website/index.js
View File

@ -53,6 +53,7 @@ export function StartWebsite (externalLibLocation)
toolbarDiv : document.getElementById ('toolbar'), toolbarDiv : document.getElementById ('toolbar'),
mainDiv : document.getElementById ('main'), mainDiv : document.getElementById ('main'),
introDiv : document.getElementById ('intro'), introDiv : document.getElementById ('intro'),
introContentDiv : document.getElementById ('intro_content'),
fileNameDiv : document.getElementById ('main_file_name'), fileNameDiv : document.getElementById ('main_file_name'),
leftContainerDiv : document.getElementById ('main_left_container'), leftContainerDiv : document.getElementById ('main_left_container'),
navigatorDiv : document.getElementById ('main_navigator'), navigatorDiv : document.getElementById ('main_navigator'),

6
source/website/website.js
View File

@ -4,7 +4,7 @@ import { ImportErrorCode, ImportSettings } from '../engine/import/importer.js';
import { CameraMode } from '../engine/viewer/camera.js'; import { CameraMode } from '../engine/viewer/camera.js';
import { RGBColor } from '../engine/model/color.js'; import { RGBColor } from '../engine/model/color.js';
import { Viewer } from '../engine/viewer/viewer.js'; import { Viewer } from '../engine/viewer/viewer.js';
import { AddDiv, AddDomElement, ShowDomElement, SetDomElementOuterHeight, CreateDomElement, GetDomElementOuterWidth } from '../engine/viewer/domutils.js'; import { AddDiv, AddDomElement, ShowDomElement, SetDomElementOuterHeight, CreateDomElement, GetDomElementOuterWidth, GetDomElementOuterHeight } from '../engine/viewer/domutils.js';
import { CalculatePopupPositionToScreen, ShowListPopup } from './dialogs.js'; import { CalculatePopupPositionToScreen, ShowListPopup } from './dialogs.js';
import { HandleEvent } from './eventhandler.js'; import { HandleEvent } from './eventhandler.js';
import { HashHandler } from './hashhandler.js'; import { HashHandler } from './hashhandler.js';
@ -173,6 +173,10 @@ class WebsiteLayouter
SetDomElementOuterHeight (this.parameters.introDiv, contentHeight); SetDomElementOuterHeight (this.parameters.introDiv, contentHeight);
this.viewer.Resize (contentWidth - safetyMargin, contentHeight); this.viewer.Resize (contentWidth - safetyMargin, contentHeight);
let introContentHeight = GetDomElementOuterHeight (this.parameters.introContentDiv);
let introContentTop = (contentHeight - introContentHeight) / 3.0;
this.parameters.introContentDiv.style.top = introContentTop.toString () + 'px';
this.measureTool.Resize (); this.measureTool.Resize ();
} }
} }

2
website/index.html
View File

@ -65,7 +65,7 @@
</div> </div>
</div> </div>
<div class="intro ov_thin_scrollbar" id="intro"> <div class="intro ov_thin_scrollbar" id="intro">
<div class="intro_content"> <div class="intro_content" id="intro_content">
<div class="intro_logo"> <div class="intro_logo">
<svg class="intro_logo"><use href="assets/images/3dviewer_net_logo_text.svg#logo"></use></svg> <svg class="intro_logo"><use href="assets/images/3dviewer_net_logo_text.svg#logo"></use></svg>
<div class="intro_dragdrop_text">Drag and drop 3D models here.</div> <div class="intro_dragdrop_text">Drag and drop 3D models here.</div>