diff --git a/js/notebook/src/tree/Widgets/BannerWidget.ts b/js/notebook/src/tree/Widgets/BannerWidget.ts index 6a8d498543..5bbb6dce44 100644 --- a/js/notebook/src/tree/Widgets/BannerWidget.ts +++ b/js/notebook/src/tree/Widgets/BannerWidget.ts @@ -41,12 +41,6 @@ export default class BannerWidget extends Widget { -`; - - static readonly BASIC_HTML_ELEMENT_TEMPLATE = ` -
-
-
`; constructor(api: BeakerXApi) { @@ -54,7 +48,6 @@ export default class BannerWidget extends Widget { this.addClass('bx-banner-widget'); - $(BannerWidget.BASIC_HTML_ELEMENT_TEMPLATE).appendTo(this.node); api .getVersion() .then((version) => { @@ -64,48 +57,35 @@ export default class BannerWidget extends Widget { private createBanner(version: string): void { $(this.node) - .find('#beakerx_info') .empty() .append( this.createLinkedBannerElementRow(), - this.createLinkedVersionElementRow(version), - this.createLinkedFromElementRow() - ); - } + document.createTextNode(' version '), - private createLinkedFromElementRow() { - return $('
', { - text: 'from ' - }).append( - $('', { - target: '_blank', - href: 'http://opensource.twosigma.com/', - text: 'Two Sigma Open Source', - }) - ); - } + $('', { + target: '_blank', + href: `${BannerWidget.GITHUB_RELEASE_TAG_BASE_URL}${version}`, + text: version + }), - private createLinkedBannerElementRow() { - return $('
').append( - $('', { - class: 'beakerx_site_link', - target: '_blank', - href: 'http://BeakerX.com', - }).append( - $(`${BannerWidget.SVG_LOGO}`) - ) - ); + document.createTextNode(', from '), + + $('', { + target: '_blank', + href: 'http://opensource.twosigma.com/', + text: 'Two Sigma Open Source', + }), + + ); } - private createLinkedVersionElementRow(version: string) { - return $('
', { - text: 'version ' + private createLinkedBannerElementRow() { + return $('', { + class: 'beakerx_site_link', + target: '_blank', + href: 'http://BeakerX.com', }).append( - $('', { - target: '_blank', - href: `${BannerWidget.GITHUB_RELEASE_TAG_BASE_URL}${version}`, - text: version - }) + $(`${BannerWidget.SVG_LOGO}`) ); } diff --git a/js/notebook/src/tree/styles/tree.css b/js/notebook/src/tree/styles/tree.css index a37b4826c8..8b05c75e63 100644 --- a/js/notebook/src/tree/styles/tree.css +++ b/js/notebook/src/tree/styles/tree.css @@ -64,10 +64,13 @@ .bx-banner-widget .beakerx_site_link { display: inline-block; + margin: 0 75px 0 0; } .bx-banner-widget svg { - height: 35px; + width: 206px; + height: 59px; + transform: translateY(5px); } .bx-options-widget {