From ab82b351537718b43d10ef6be5edd4e961162719 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Tue, 8 Dec 2020 18:23:23 +0100
Subject: [PATCH] scroll bar working

---
 .../UI/Spaces/Docs-Space/DocsSpace.js         | 34 ++++++++++++-------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index 22ff8dee6..12dd874aa 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -96,28 +96,34 @@ function newSuperalgosDocSpace() {
 
             /* Adding Section */
             if (nodeDocsDefinition.adding !== undefined) {
-                HTML = HTML + '<h2>Adding a ' + node.type + '</h2>'
-                for (let i = 0; i < nodeDocsDefinition.adding.length; i++) {
-                    let paragraph = nodeDocsDefinition.adding[i]
-                    HTML = HTML + '<p>' + paragraph + '</p>'
+                if (nodeDocsDefinition.adding.length > 0) {
+                    HTML = HTML + '<h2>Adding a ' + node.type + '</h2>'
+                    for (let i = 0; i < nodeDocsDefinition.adding.length; i++) {
+                        let paragraph = nodeDocsDefinition.adding[i]
+                        HTML = HTML + '<p>' + paragraph + '</p>'
+                    }
                 }
             }
 
             /* Configuring Section */
             if (nodeDocsDefinition.configuring !== undefined) {
-                HTML = HTML + '<h2>Configuring a ' + node.type + '</h2>'
-                for (let i = 0; i < nodeDocsDefinition.configuring.length; i++) {
-                    let paragraph = nodeDocsDefinition.configuring[i]
-                    HTML = HTML + '<p>' + paragraph + '</p>'
+                if (nodeDocsDefinition.configuring.length > 0) {
+                    HTML = HTML + '<h2>Configuring a ' + node.type + '</h2>'
+                    for (let i = 0; i < nodeDocsDefinition.configuring.length; i++) {
+                        let paragraph = nodeDocsDefinition.configuring[i]
+                        HTML = HTML + '<p>' + paragraph + '</p>'
+                    }
                 }
             }
 
             /* Starting Section */
             if (nodeDocsDefinition.starting !== undefined) {
-                HTML = HTML + '<h2>Configuring a ' + node.type + '</h2>'
-                for (let i = 0; i < nodeDocsDefinition.starting.length; i++) {
-                    let paragraph = nodeDocsDefinition.starting[i]
-                    HTML = HTML + '<p>' + paragraph + '</p>'
+                if (nodeDocsDefinition.starting.length > 0) {
+                    HTML = HTML + '<h2>Starting a ' + node.type + '</h2>'
+                    for (let i = 0; i < nodeDocsDefinition.starting.length; i++) {
+                        let paragraph = nodeDocsDefinition.starting[i]
+                        HTML = HTML + '<p>' + paragraph + '</p>'
+                    }
                 }
             }
 
@@ -312,10 +318,12 @@ function newSuperalgosDocSpace() {
             }
             docsAppDivPosition = thisObject.container.frame.frameThisPoint(docsAppDivPosition)
             docsAppDiv.style = '   ' +
+                'overflow-y: scroll;' +
+                'overflow-x: hidden;' +
                 'position:fixed; top:' + docsAppDivPosition.y + 'px; ' +
                 'left:' + docsAppDivPosition.x + 'px; z-index:1; ' +
                 'width: ' + thisObject.container.frame.width + 'px;' +
-                'height: ' + thisObject.container.frame.height + 'px'
+                'height: ' + thisObject.container.frame.height + 'px'                 
         }
     }