diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-common/dashboard-common.css b/jupyter_dashboards/nbextension/notebook/dashboard-common/dashboard-common.css index 73d3e90..363edeb 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-common/dashboard-common.css +++ b/jupyter_dashboards/nbextension/notebook/dashboard-common/dashboard-common.css @@ -3,21 +3,21 @@ * Distributed under the terms of the Modified BSD License. */ -.urth-dashboard .container div.output_wrapper { +.jupyter-dashboard .container div.output_wrapper { z-index: auto; /* override `z-index:1` set by Notebook */ } -.urth-dashboard .container div.output_subarea { +.jupyter-dashboard .container div.output_subarea { max-width: 100%; /* override Notebook CSS so it takes up full width */ overflow: visible; /* ensure contents overflow, needed for widgets such as dropdown menus */ } /* disable display of paragraph anchor text*/ -.urth-dashboard .container h1 .anchor-link, -.urth-dashboard .container h2 .anchor-link, -.urth-dashboard .container h3 .anchor-link, -.urth-dashboard .container h4 .anchor-link, -.urth-dashboard .container h5 .anchor-link, -.urth-dashboard .container h6 .anchor-link { +.jupyter-dashboard .container h1 .anchor-link, +.jupyter-dashboard .container h2 .anchor-link, +.jupyter-dashboard .container h3 .anchor-link, +.jupyter-dashboard .container h4 .anchor-link, +.jupyter-dashboard .container h5 .anchor-link, +.jupyter-dashboard .container h6 .anchor-link { display: none; } diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.css b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.css index a195667..a63a49e 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.css +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.css @@ -3,10 +3,10 @@ * Distributed under the terms of the Modified BSD License. */ -.urth-dashboard-menu-item { +.jupyter-dashboard-menu-item { position: relative; } -.urth-dashboard-menu-item.selected::before { +.jupyter-dashboard-menu-item.selected::before { font-family: FontAwesome; content: '\f00c'; position: absolute; @@ -14,7 +14,7 @@ top: 3px; } -.urth-dashboard-toolbar-buttons { +.jupyter-dashboard-toolbar-buttons { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; @@ -22,44 +22,44 @@ -ms-flex-align: center; align-items: center; } -#maintoolbar .urth-dashboard-toolbar-buttons .navbar-text { +#maintoolbar .jupyter-dashboard-toolbar-buttons .navbar-text { margin: 0 5px; } /* Dashboard authoring button with embedded layout dropdown */ -#urth-dashboard-view-toolbar-buttons > button:first-of-type { +#jupyter-dashboard-view-toolbar-buttons > button:first-of-type { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } -#urth-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container { +#jupyter-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border-width: 0; padding: 0; } -#urth-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .dashboard-authoring-btn, -#urth-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .db-embedded-dropdown-toggle { +#jupyter-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .dashboard-authoring-btn, +#jupyter-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .db-embedded-dropdown-toggle { border-radius: 0; border-color: inherit; } -#urth-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .dashboard-authoring-btn { +#jupyter-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .dashboard-authoring-btn { border-right: none; background-color: transparent; } -#urth-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .db-embedded-dropdown-toggle { +#jupyter-dashboard-view-toolbar-buttons > .dashboard-authoring-btn-container .db-embedded-dropdown-toggle { border-left: none; background-color: transparent; } -#urth-dashboard-view-toolbar-buttons .dashboard-layout-menu-item { +#jupyter-dashboard-view-toolbar-buttons .dashboard-layout-menu-item { display: -webkit-flex; display: -ms-flexbox; display: flex; } -#urth-dashboard-view-toolbar-buttons .dashboard-layout-menu-item a { +#jupyter-dashboard-view-toolbar-buttons .dashboard-layout-menu-item a { flex-grow: 1; padding-left: 10px; } -#urth-dashboard-view-toolbar-buttons .dashboard-layout-menu-item a i { +#jupyter-dashboard-view-toolbar-buttons .dashboard-layout-menu-item a i { margin-right: 8px; } diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.js b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.js index 13269a8..970a5f0 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.js +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-actions.js @@ -31,7 +31,7 @@ define([ DASHBOARD_PREVIEW: 'preview' }); var currentState = STATE.NOTEBOOK; - var toolbarBtnsSelector = '#urth-dashboard-view-toolbar-buttons'; + var toolbarBtnsSelector = '#jupyter-dashboard-view-toolbar-buttons'; var isHeaderVisible = true, isToolbarVisible = true; var opts, scrollToBottom; @@ -54,7 +54,7 @@ define([ return /^fa-/.test(value); })[0]; } - + function updateAuthoringButtonState(state) { if (state && state !== STATE.NOTEBOOK && @@ -88,7 +88,7 @@ define([ // disable show/hide menu items when in preview state $('.dashboard-submenu-item').toggleClass('disabled', state === STATE.NOTEBOOK || state === STATE.DASHBOARD_PREVIEW); - $('#urth-dashboard-show-all').toggleClass('disabled', state === STATE.NOTEBOOK || state === STATE.DASHBOARD_PREVIEW || state === STATE.DASHBOARD_AUTH_REPORT); + $('#jupyter-dashboard-show-all').toggleClass('disabled', state === STATE.NOTEBOOK || state === STATE.DASHBOARD_PREVIEW || state === STATE.DASHBOARD_AUTH_REPORT); } function setDashboardState(newState) { @@ -180,7 +180,7 @@ define([ .click(function() { var $el = $(this); var state = $el.attr('data-dashboard-state'); - if ($el.parents('#urth-dashboard-layout-menu').length) { + if ($el.parents('#jupyter-dashboard-layout-menu').length) { Metadata.dashboardLayout = state; } setDashboardState(state); @@ -191,9 +191,9 @@ define([ // Cell menu items to show/hide cells $('#cell_menu').append('
', $subMenuTemplate.clone()); - $('#urth-dashboard-show-all').click(opts.showAllCallback); - $('#urth-dashboard-show-all-stacked').click(opts.showAllStackedCallback); - $('#urth-dashboard-hide-all').click(opts.hideAllCallback); + $('#jupyter-dashboard-show-all').click(opts.showAllCallback); + $('#jupyter-dashboard-show-all-stacked').click(opts.showAllStackedCallback); + $('#jupyter-dashboard-hide-all').click(opts.hideAllCallback); }; DashboardActions.prototype.addToolbarItems = function() { diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-metadata.js b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-metadata.js index 454ac3f..94455bb 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-metadata.js +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-metadata.js @@ -4,21 +4,10 @@ */ /** * This module provides an API to manage notebook dashboard layout cell metadata. + * + * Dashboard metadata structure: + * https://github.com/jupyter-incubator/dashboards/wiki/Dashboard-Metadata-and-Rendering */ -/************* - Dashboard metadata structure: - "metadata": { - "urth": { - "dashboard": { - "layout": { - "col": - ... - }, - "hidden": false - } - } - } -**************/ define([ 'jquery', 'base/js/namespace' @@ -148,7 +137,7 @@ define([ function _showCell(cells) { $(cells).each(function() { var metadata = _getCellMetadata($(this)); - // add a layout object to indicate that this cell has explicitly + // add a layout object to indicate that this cell has explicitly // been added to the layout either by some initialization routine // that calculated the layout or the user metadata.layout = {}; diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.css b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.css index 70676cd..e5579e0 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.css +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.css @@ -4,26 +4,26 @@ */ /* hide extraneous cell parts when in dashboard view */ -.urth-dashboard .celltoolbar, -.urth-dashboard .container .cell .prompt, -.urth-dashboard .container .cell .output_stderr, -.urth-dashboard .container .cell .output_error { +.jupyter-dashboard .celltoolbar, +.jupyter-dashboard .container .cell .prompt, +.jupyter-dashboard .container .cell .output_stderr, +.jupyter-dashboard .container .cell .output_error { display: none !important; /* Necessary to override inline style set by notebook */ } /* Dashboard cell */ -.urth-dashboard .cell { +.jupyter-dashboard .cell { position: relative; } -.urth-dashboard .cell, -.urth-dashboard .cell.selected { +.jupyter-dashboard .cell, +.jupyter-dashboard .cell.selected { background: transparent; border: none; padding: 0; } /* Show cell code in the background of each cell */ -.urth-dashboard:not(.view-only) .cell > .input { +.jupyter-dashboard:not(.view-only) .cell > .input { position: absolute; top: 0; left: 0; @@ -33,16 +33,16 @@ opacity: 0; transition: opacity 0.3s; } -.urth-dashboard:not(.view-only) #notebook-container:not(.hide-code):hover .cell > .input { +.jupyter-dashboard:not(.view-only) #notebook-container:not(.hide-code):hover .cell > .input { opacity: 0.3; } -.urth-dashboard:not(.view-only) #notebook-container:not(.hide-code) .cell > .input div.input_area { +.jupyter-dashboard:not(.view-only) #notebook-container:not(.hide-code) .cell > .input div.input_area { border: none; background: none; } /* Dashboard cell controls */ -.urth-dashboard .cell .cell-control-container { +.jupyter-dashboard .cell .cell-control-container { display: flex; position: absolute; color: #b2b2b2; @@ -54,47 +54,47 @@ /* widgets overlap, so pull forward */ z-index: 100; } -.urth-dashboard:not(.view-only) .cell:hover .cell-control-container { +.jupyter-dashboard:not(.view-only) .cell:hover .cell-control-container { visibility: visible; } -.urth-dashboard .cell .cell-control-container.cell-control-nw { +.jupyter-dashboard .cell .cell-control-container.cell-control-nw { border-top: none; border-left: none; top: 0; left: 0; } -.urth-dashboard .cell .cell-control-container.cell-control-ne { +.jupyter-dashboard .cell .cell-control-container.cell-control-ne { border-top: none; border-right: none; top: 0; right: 0; } -.urth-dashboard .cell .cell-control-container.cell-control-se { +.jupyter-dashboard .cell .cell-control-container.cell-control-se { border-bottom: none; border-right: none; bottom: 0; right: 0; } -.urth-dashboard .cell .cell-control { +.jupyter-dashboard .cell .cell-control { padding: 5px; width: 25px; height: 25px; text-align: center; cursor: pointer; } -.urth-dashboard .cell .cell-control:hover { +.jupyter-dashboard .cell .cell-control:hover { color: #306c9e; } -.urth-dashboard .cell .cell-control.hide-btn:hover { +.jupyter-dashboard .cell .cell-control.hide-btn:hover { color: red; } /* Hidden Cells */ -.urth-dashboard #dashboard-hidden-header { +.jupyter-dashboard #dashboard-hidden-header { height: 150px; padding: 15px; } -.urth-dashboard #dashboard-hidden-header .header { +.jupyter-dashboard #dashboard-hidden-header .header { display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -104,19 +104,19 @@ margin: 2em 0; padding-top: 50px; } -.urth-dashboard #dashboard-hidden-header .header .title { +.jupyter-dashboard #dashboard-hidden-header .header .title { margin: 0 1em 0 0; } -.urth-dashboard #dashboard-hidden-header .header .btn:not(.btn-info) { +.jupyter-dashboard #dashboard-hidden-header .header .btn:not(.btn-info) { background-color: transparent; border: 1px solid black; } /* Dashboard preview */ -.urth-dashboard.view-only #dashboard-hidden-header { +.jupyter-dashboard.view-only #dashboard-hidden-header { display: none; } -.urth-dashboard.view-only .cell > .input { +.jupyter-dashboard.view-only .cell > .input { display: none !important; /* Necessary to override inline style set by notebook */ } @@ -135,6 +135,6 @@ } /* Declarative widgets specific styles */ -.urth-dashboard .cell .urth-widget-error { +.jupyter-dashboard .cell .urth-widget-error { display: none; } diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.js b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.js index cbe649e..168f6d2 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.js +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/dashboard-view.js @@ -23,7 +23,7 @@ define([ // use global require.js to setup the paths for our dependencies requirejs.config({ packages: [ - { name: 'urth-common', location: require.toUrl('../dashboard-common').split('?')[0] } + { name: 'dashboard-common', location: require.toUrl('../dashboard-common').split('?')[0] } ], paths: { Gridstack: require.toUrl('../bower_components/gridstack/dist/gridstack.min').split('?')[0], @@ -78,9 +78,10 @@ define([ DashboardActions, Metadata ) { + var dashboardClass = 'jupyter-dashboard'; var dbActions = new DashboardActions({ enterDashboardMode: function(actionState) { - $('body').addClass('urth-dashboard'); + $('body').addClass(dashboardClass); require([ './layout/grid/layout', './layout/report/layout', @@ -144,7 +145,7 @@ define([ }); }, exitDashboardMode: function() { - $('body').removeClass('urth-dashboard') + $('body').removeClass(dashboardClass) .attr('data-dashboard-layout', ''); dashboard.destroy(); dashboard = null; diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.css b/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.css index 97924b3..7d80f76 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.css +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.css @@ -4,14 +4,14 @@ */ /* Gridstack container */ -.urth-dashboard .grid-stack#notebook-container { +.jupyter-dashboard .grid-stack#notebook-container { padding-left: 0; padding-right: 0; transition: background-color 0.75s, box-shadow 0.75s, height 0.3s; } -.urth-dashboard:not(.view-only) .grid-stack#notebook-container:hover { +.jupyter-dashboard:not(.view-only) .grid-stack#notebook-container:hover { background-color: transparent; box-shadow: none; } @@ -65,8 +65,8 @@ .grid-stack .cell:not(.grid-stack-item) { box-shadow: 0 1px 5px 1px rgba(87,87,87,0.2); } -.urth-dashboard .grid-stack .ui-draggable-dragging.cell, -.urth-dashboard .grid-stack .ui-resizable-resizing.cell { +.jupyter-dashboard .grid-stack .ui-draggable-dragging.cell, +.jupyter-dashboard .grid-stack .ui-resizable-resizing.cell { opacity: 0.75; } .grid-stack .cell > :not(.dashboard-item-background):not(.dashboard-item-border):not(.ui-resizable-handle) { @@ -79,20 +79,20 @@ } /* Dashboard cell controls: drag */ -.urth-dashboard .grid-stack .cell .drag-handle:hover { +.jupyter-dashboard .grid-stack .cell .drag-handle:hover { color: #306c9e; cursor: move; /* for old IE */ cursor: -webkit-grab; cursor: grab; } body.dragging, -body.dragging.urth-dashboard .grid-stack .ui-draggable-dragging.cell:hover .drag-handle:hover { +body.dragging.jupyter-dashboard .grid-stack .ui-draggable-dragging.cell:hover .drag-handle:hover { cursor: -webkit-grabbing !important; cursor: grabbing !important; } /* drag/drop cell overlay*/ -.urth-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .dashboard-item-border { +.jupyter-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .dashboard-item-border { display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -107,21 +107,21 @@ body.dragging.urth-dashboard .grid-stack .ui-draggable-dragging.cell:hover .drag font-size: 50px; pointer-events: auto; } -.urth-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .dashboard-item-border:hover { +.jupyter-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .dashboard-item-border:hover { cursor: -webkit-grab; cursor: grab; } -.urth-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .cell-control-container, -.urth-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .ui-resizable-handle { +.jupyter-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .cell-control-container, +.jupyter-dashboard.all_cell_drag:not(.view-only) .grid-stack .grid-stack-item .ui-resizable-handle { display: none !important; /* important needed to override inline style set by gridstack */ } -.urth-dashboard:not(.all_cell_drag):not(.view-only) .grid-stack .dashboard-item-border i, -.urth-dashboard .grid-stack > .cell:not(.grid-stack-item) .dashboard-item-border i { +.jupyter-dashboard:not(.all_cell_drag):not(.view-only) .grid-stack .dashboard-item-border i, +.jupyter-dashboard .grid-stack > .cell:not(.grid-stack-item) .dashboard-item-border i { display: none; } /* Cell controls: add buttons */ -.urth-dashboard .grid-stack .cell .cell-control.add-btn { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -130,53 +130,53 @@ body.dragging.urth-dashboard .grid-stack .ui-draggable-dragging.cell:hover .drag min-width: 25px; width: auto; } -.urth-dashboard .grid-stack .cell .cell-control.add-btn > .bar-container { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn > .bar-container { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } -.urth-dashboard .grid-stack .cell .cell-control.add-btn > .bar-container > .bar { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn > .bar-container > .bar { width: 1em; height: 3px; background-color: #b2b2b2; display: inline-block; margin-bottom: 2px; } -.urth-dashboard .grid-stack .cell .cell-control.add-btn > .bar-container > .bar.bar-lighter { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn > .bar-container > .bar.bar-lighter { background-color: #dadada; } -.urth-dashboard .grid-stack .cell .cell-control.add-btn:hover > .bar-container > .bar { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn:hover > .bar-container > .bar { background-color: #306c9e; } -.urth-dashboard .grid-stack .cell .cell-control.add-btn:hover > .bar-container > .bar.bar-lighter { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn:hover > .bar-container > .bar.bar-lighter { background-color: #A6D3F9; } -.urth-dashboard .grid-stack .cell .cell-control.add-btn > .fa-plus { +.jupyter-dashboard .grid-stack .cell .cell-control.add-btn > .fa-plus { margin-left: 2px; margin-top: 4px; font-size: 0.8em; } /* Hide specific grid controls based on hidden state */ -.urth-dashboard .grid-stack .cell.grid-stack-item .cell-control.add-btn-relative, -.urth-dashboard .grid-stack .cell.grid-stack-item .cell-control .fa-plus, -.urth-dashboard .grid-stack .cell:not(.grid-stack-item) .cell-control.drag-handle, -.urth-dashboard .grid-stack .cell:not(.grid-stack-item) .cell-control.hide-btn, -.urth-dashboard .grid-stack .cell:not(.grid-stack-item) .gs-resize-handle { +.jupyter-dashboard .grid-stack .cell.grid-stack-item .cell-control.add-btn-relative, +.jupyter-dashboard .grid-stack .cell.grid-stack-item .cell-control .fa-plus, +.jupyter-dashboard .grid-stack .cell:not(.grid-stack-item) .cell-control.drag-handle, +.jupyter-dashboard .grid-stack .cell:not(.grid-stack-item) .cell-control.hide-btn, +.jupyter-dashboard .grid-stack .cell:not(.grid-stack-item) .gs-resize-handle { display: none; } /* static view */ -.urth-dashboard.view-only .grid-stack-static .cell.ui-state-disabled { +.jupyter-dashboard.view-only .grid-stack-static .cell.ui-state-disabled { /* override disabled state set by jquery-ui */ opacity: 1; -webkit-filter: none; filter: none; } -.urth-dashboard.view-only .grid-stack .cell:not(.grid-stack-item), -.urth-dashboard.view-only .grid-stack .dashboard-item-background, -.urth-dashboard.view-only .grid-stack .dashboard-item-border { +.jupyter-dashboard.view-only .grid-stack .cell:not(.grid-stack-item), +.jupyter-dashboard.view-only .grid-stack .dashboard-item-background, +.jupyter-dashboard.view-only .grid-stack .dashboard-item-border { display: none; } diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.js b/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.js index da2c0d8..f4b0245 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.js +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/grid/layout.js @@ -7,12 +7,12 @@ define([ 'jquery', 'lodash', 'base/js/namespace', - 'urth-common/error-log', + 'dashboard-common/error-log', '../../../link-css', '../../dashboard-metadata', '../../notebook-util', 'template!./cell-controls.html', - 'urth-common/gridstack-custom' // jquery plugin: return value not used + 'dashboard-common/gridstack-custom' // jquery plugin: return value not used ], function( $, _, @@ -467,7 +467,7 @@ define([ }); }); this.gridstack.remove_widget($cell, false /* don't detach node */); - + // update all cell metadata as remove may have displaced some cells Metadata.save(); }; diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/report/layout.css b/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/report/layout.css index 7f67152..0d7507c 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/report/layout.css +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/layout/report/layout.css @@ -4,32 +4,32 @@ */ /* Dashboard container */ -.urth-dashboard[data-dashboard-layout="report"] #notebook-container { +.jupyter-dashboard[data-dashboard-layout="report"] #notebook-container { padding-left: 0; padding-right: 0; transition: background-color 0.75s, box-shadow 0.75s; } -.urth-dashboard[data-dashboard-layout="report"]:not(.view-only) #notebook-container:hover { +.jupyter-dashboard[data-dashboard-layout="report"]:not(.view-only) #notebook-container:hover { background-color: transparent; box-shadow: none; } /* Dashboard cell */ -.urth-dashboard[data-dashboard-layout="report"] .cell { +.jupyter-dashboard[data-dashboard-layout="report"] .cell { background-color: white; margin-bottom: 1em; } -.urth-dashboard[data-dashboard-layout="report"]:not(.view-only) .cell { +.jupyter-dashboard[data-dashboard-layout="report"]:not(.view-only) .cell { min-height: 5em; } -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden { +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden { height: 5em; overflow: hidden; } /* Hidden cells */ -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn { +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn { background-color: #f8f8f8; color: #b2b2b2; cursor: pointer; @@ -39,45 +39,45 @@ margin-bottom: 1em; text-align: center; } -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn:hover { +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn:hover { background-color: #f6f6f6; } -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn .dashboard-report-hidden-count { +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn .dashboard-report-hidden-count { font-size: smaller; } -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden { +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden { border-top: 1px solid #eee; } -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn:not(.dashboard-collapsed) .dashboard-report-expand-label, -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn.dashboard-collapsed .dashboard-report-collapse-label, -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn .dashboard-report-collapse-text[data-cell-count="1"] .plural-s, -.urth-dashboard[data-dashboard-layout="report"].view-only .dashboard-report-collapse-btn, -.urth-dashboard[data-dashboard-layout="report"].view-only .cell.dashboard-hidden { +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn:not(.dashboard-collapsed) .dashboard-report-expand-label, +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn.dashboard-collapsed .dashboard-report-collapse-label, +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn .dashboard-report-collapse-text[data-cell-count="1"] .plural-s, +.jupyter-dashboard[data-dashboard-layout="report"].view-only .dashboard-report-collapse-btn, +.jupyter-dashboard[data-dashboard-layout="report"].view-only .cell.dashboard-hidden { display: none; } -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-collapsed { +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-collapsed { display: none; } -.urth-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn:not(.dashboard-collapsed), -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden { +.jupyter-dashboard[data-dashboard-layout="report"] .dashboard-report-collapse-btn:not(.dashboard-collapsed), +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden { margin-bottom: 0; } -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden, -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden .cell-control-container { +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden, +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden .cell-control-container { background-color: #f8f8f8; } -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden:not(.dashboard-collapsed) + .cell:not(.dashboard-hidden) { +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden:not(.dashboard-collapsed) + .cell:not(.dashboard-hidden) { margin-top: 1em; } -.urth-dashboard[data-dashboard-layout="report"] .cell .cell-control-se { +.jupyter-dashboard[data-dashboard-layout="report"] .cell .cell-control-se { border: none; padding-right: 1em; visibility: visible; } /* Hide specific cell controls based on hidden state */ -.urth-dashboard[data-dashboard-layout="report"] .cell:not(.dashboard-hidden) .cell-control.add-btn, -.urth-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden .cell-control.hide-btn, -.urth-dashboard[data-dashboard-layout="report"] .cell:not(.dashboard-hidden) .cell-control-se { +.jupyter-dashboard[data-dashboard-layout="report"] .cell:not(.dashboard-hidden) .cell-control.add-btn, +.jupyter-dashboard[data-dashboard-layout="report"] .cell.dashboard-hidden .cell-control.hide-btn, +.jupyter-dashboard[data-dashboard-layout="report"] .cell:not(.dashboard-hidden) .cell-control-se { display: none; } diff --git a/jupyter_dashboards/nbextension/notebook/dashboard-view/sub-menu.html b/jupyter_dashboards/nbextension/notebook/dashboard-view/sub-menu.html index ccbc2d9..8600fc1 100644 --- a/jupyter_dashboards/nbextension/notebook/dashboard-view/sub-menu.html +++ b/jupyter_dashboards/nbextension/notebook/dashboard-view/sub-menu.html @@ -5,15 +5,15 @@ title="Dashboard-specific Cell actions"> Dashboard