New topic navigation layout
This commit is contained in:
1 parent
939f5d7a35
commit
13a51515e7
2 files changed
+16
-15
No files matched your search
@@ -314,7 +314,7 @@ box-sizing: border-box;
|
||||
|
||||
.docs-topic-index {
|
||||
background-color:white;
|
||||
padding: 30 20px;
|
||||
padding: 40 20px;
|
||||
margin: 40px 0;
|
||||
border: 1px solid rgba(49, 112, 143, .2);
|
||||
border-left-width: 5px;
|
||||
@@ -332,9 +332,9 @@ box-sizing: border-box;
|
||||
}
|
||||
|
||||
.docs-topic-index h3 {
|
||||
font-size: 140%;
|
||||
font-size: 150%;
|
||||
font-weight: 300;
|
||||
margin: 20px 0;
|
||||
margin: 35px 0 25 0;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
@@ -428,7 +428,7 @@ width: 100%;
|
||||
display: table;
|
||||
width: 100%;
|
||||
vertical-align: middle;
|
||||
margin: 35px 0;
|
||||
margin: 0;
|
||||
/*
|
||||
border-top: 1px solid rgba(54, 85, 88, .3);
|
||||
margin: 60px 0 0 0;
|
||||
@@ -439,10 +439,9 @@ width: 100%;
|
||||
.docs-topic-navigation div {
|
||||
display: table-cell;
|
||||
width: 50%;
|
||||
height: 10px;
|
||||
max-width: 50%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
vertical-align: top;
|
||||
padding: 10px;
|
||||
/*
|
||||
height: 40px;
|
||||
@@ -454,11 +453,11 @@ width: 100%;
|
||||
border: 0px;
|
||||
color: #e6eaea;
|
||||
background-color: #365558;
|
||||
padding: 5px;
|
||||
margin: 0 0 0 10px;
|
||||
padding: 10px;
|
||||
margin: 0 0 10 10px;
|
||||
font-size: 100%;
|
||||
line-height: 150%;
|
||||
width: 100%;
|
||||
width: 150px;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
|
||||
@@ -171,15 +171,19 @@ function newSuperalgosDocsDocumentPage() {
|
||||
|
||||
HTML = HTML = HTML + '<div class="docs-topic-index">' // Container for Topic Navigation including buttons, title and index
|
||||
|
||||
/* Topic Title */
|
||||
/* Topic Title
|
||||
|
||||
titleLabel = thisObject.docsSchemaDocument.topic + ' Topic Navigation'
|
||||
HTML = HTML + '<div id="docs-main-title-div" class="docs-title-table"><div class="docs-table-cell"><h2 class="docs-h2" id="' + UI.projects.superalgos.spaces.docsSpace.currentDocumentBeingRendered.type.toLowerCase().replace(' ', '-') + '" > ' + titleLabel + '</h2></div><div id="projectImageDiv" class="docs-image-container"/></div></div>'
|
||||
|
||||
*/
|
||||
generateTopicPreviousAndNextPageNavigation()
|
||||
|
||||
/* TOC*/
|
||||
|
||||
HTML = HTML + '<h3 class="docs-h3"> Table of Contents</h3>'
|
||||
HTML = HTML + '<h3 class="docs-h3">' + thisObject.docsSchemaDocument.topic + ' Table of Contents</h3>'
|
||||
|
||||
HTML = HTML + '<p style="margin-bottom: 15px;">You just read page <strong>' + thisObject.docsSchemaDocument.pageNumber + '</strong> in the series.</p>'
|
||||
|
||||
generateTopicMultiPageIndex()
|
||||
|
||||
@@ -307,15 +311,13 @@ function newSuperalgosDocsDocumentPage() {
|
||||
previousPage = orderedTopicPageIndexArray[i - 1]
|
||||
nextPage = orderedTopicPageIndexArray[i + 1]
|
||||
|
||||
HTML = HTML + '<p>You just read page <strong>' + thisObject.docsSchemaDocument.pageNumber + '</strong> in the series. Click the buttons below for the previous and next pages...</p>'
|
||||
|
||||
HTML = HTML + '<div class="docs-topic-navigation"><div>'
|
||||
if (previousPage !== undefined) {
|
||||
HTML = HTML + '<span" onClick="UI.projects.superalgos.spaces.docsSpace.navigateTo(\'' + UI.projects.superalgos.spaces.docsSpace.currentDocumentBeingRendered.project + '\', \'' + 'Topic' + '\', \'' + previousPage.type.replace(/'/g, 'AMPERSAND') + '\')"><button>' + previousPage.type + '</button></span><br/>←'
|
||||
HTML = HTML + '<span" onClick="UI.projects.superalgos.spaces.docsSpace.navigateTo(\'' + UI.projects.superalgos.spaces.docsSpace.currentDocumentBeingRendered.project + '\', \'' + 'Topic' + '\', \'' + previousPage.type.replace(/'/g, 'AMPERSAND') + '\')"><button> ← Previous </button></span><br/>'+ previousPage.type
|
||||
}
|
||||
HTML = HTML + '</div><div>'
|
||||
if (nextPage !== undefined) {
|
||||
HTML = HTML + '<span" onClick="UI.projects.superalgos.spaces.docsSpace.navigateTo(\'' + UI.projects.superalgos.spaces.docsSpace.currentDocumentBeingRendered.project + '\', \'' + 'Topic' + '\', \'' + nextPage.type.replace(/'/g, 'AMPERSAND') + '\')"><button>' + nextPage.type + '</button></span><br/>→'
|
||||
HTML = HTML + '<span" onClick="UI.projects.superalgos.spaces.docsSpace.navigateTo(\'' + UI.projects.superalgos.spaces.docsSpace.currentDocumentBeingRendered.project + '\', \'' + 'Topic' + '\', \'' + nextPage.type.replace(/'/g, 'AMPERSAND') + '\')"><button> Next →</button></span><br/>' + nextPage.type
|
||||
}
|
||||
HTML = HTML + '</div></div>'
|
||||
return
|
||||
|
||||
Reference in new issue
Block a user