1 files changed, 72 insertions, 76 deletions
diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/components/popup/Popup.jsx b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/components/popup/Popup.jsx
index 8f8f859aad..a2a6582ab0 100644
--- a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/components/popup/Popup.jsx
+++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/components/popup/Popup.jsx
@@ -25,85 +25,81 @@ import iconEdit from '../../../../../../../../res/ecomp/asdc/sequencer/sprites/i
  * @constructor
  */
 class Popup extends React.Component {
-
-  // ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
-  /**
-   * Construct react view.
-   * @param props element properties (of which there are none).
-   * @param context react context.
-   */
-  constructor(props, context) {
-    super(props, context);
-    this.state = {
-      top: 0,
-      left: 0,
-      visible: false,
-      notes: '',
-    };
-  }
-
-  // ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-
-  /**
-   * Render view.
-   * @returns {XML}
-   */
-  render() {
-
-    // Build CSS + styles to position and configure popup.
-
-    let top = this.state.top;
-    let left = this.state.left;
-
-    const popupHeight = 200;
-    const popupWidth = 320;
-
-    let auxCssVertical = 'top';
-    let auxCssHorizontal = 'left';
-
-    if (this.state.top > (window.innerHeight - popupHeight)) {
-      top -= (popupHeight + 50);
-      auxCssVertical = 'bottom';
-    }
-
-    if (this.state.left > (window.innerWidth - popupWidth)) {
-      left -= (popupWidth - 80);
-      auxCssHorizontal = 'right';
-    }
-
-    const auxCss = `asdcs-diagram-popup-${auxCssVertical}${auxCssHorizontal}`;
-    const styles = {
-      top,
-      left,
-      display: (this.state.visible ? 'block' : 'none'),
-    };
-
-    // Render element.
-
-    let notes = this.state.notes || '';
-    if (notes.length > 255) {
-      notes = notes.substring(0, 255);
-      notes = `${notes} ...`;
+    // ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    /**
+     * Construct react view.
+     * @param props element properties (of which there are none).
+     * @param context react context.
+     */
+    constructor(props, context) {
+        super(props, context);
+        this.state = {
+            top: 0,
+            left: 0,
+            visible: false,
+            notes: ''
+        };
     }
 
-    return (
-      <div className={`asdcs-diagram-popup ${auxCss}`} style={styles}>
-        <div className="asdcs-diagram-popup-header">Notes</div>
-        <div className="asdcs-diagram-popup-body">
-          <div className="asdcs-icon-popup">
-            <Icon glyph={iconEdit} />
-          </div>
-          <div className="asdcs-diagram-notes">
-            <div className="asdcs-diagram-note">
-              {notes}
+    // ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    /**
+     * Render view.
+     * @returns {XML}
+     */
+    render() {
+        // Build CSS + styles to position and configure popup.
+
+        let top = this.state.top;
+        let left = this.state.left;
+
+        const popupHeight = 200;
+        const popupWidth = 320;
+
+        let auxCssVertical = 'top';
+        let auxCssHorizontal = 'left';
+
+        if (this.state.top > window.innerHeight - popupHeight) {
+            top -= popupHeight + 50;
+            auxCssVertical = 'bottom';
+        }
+
+        if (this.state.left > window.innerWidth - popupWidth) {
+            left -= popupWidth - 80;
+            auxCssHorizontal = 'right';
+        }
+
+        const auxCss = `asdcs-diagram-popup-${auxCssVertical}${auxCssHorizontal}`;
+        const styles = {
+            top,
+            left,
+            display: this.state.visible ? 'block' : 'none'
+        };
+
+        // Render element.
+
+        let notes = this.state.notes || '';
+        if (notes.length > 255) {
+            notes = notes.substring(0, 255);
+            notes = `${notes} ...`;
+        }
+
+        return (
+            <div className={`asdcs-diagram-popup ${auxCss}`} style={styles}>
+                <div className="asdcs-diagram-popup-header">Notes</div>
+                <div className="asdcs-diagram-popup-body">
+                    <div className="asdcs-icon-popup">
+                        <Icon glyph={iconEdit} />
+                    </div>
+                    <div className="asdcs-diagram-notes">
+                        <div className="asdcs-diagram-note">{notes}</div>
+                    </div>
+                </div>
+                <div className="asdcs-diagram-popup-footer" />
             </div>
-          </div>
-        </div>
-        <div className="asdcs-diagram-popup-footer"></div>
-      </div>
-    );
-  }
+        );
+    }
 }
 
 export default Popup;