diff --git a/assets/css/js_interop.css b/assets/css/js_interop.css index 3caf518cf..8b5f1c92c 100644 --- a/assets/css/js_interop.css +++ b/assets/css/js_interop.css @@ -86,6 +86,14 @@ solely client-side operations. @apply bg-blue-300; } +[data-element="cell"][data-js-amplified] [data-element="outputs-container"] { + @apply bg-white m-0 py-16; + + width: 90vw; + position: relative; + left: calc(-45vw + 50%); +} + [data-element="session"]:not([data-js-side-panel-content]) [data-element="side-panel"] { @apply hidden; diff --git a/assets/js/cell/index.js b/assets/js/cell/index.js index a99442d04..f01bb2ffb 100644 --- a/assets/js/cell/index.js +++ b/assets/js/cell/index.js @@ -49,6 +49,16 @@ const Cell = { revision ); + // Setup action handlers + if (this.props.type === "elixir") { + const amplifyButton = this.el.querySelector( + `[data-element="amplify-outputs-button"]` + ); + amplifyButton.addEventListener("click", (event) => { + this.el.toggleAttribute("data-js-amplified"); + }); + } + // Setup change indicator if (this.props.type === "elixir") { this.state.evaluationDigest = evaluation_digest; diff --git a/lib/livebook_web/live/session_live/cell_component.ex b/lib/livebook_web/live/session_live/cell_component.ex index c7fba6210..820f9f10a 100644 --- a/lib/livebook_web/live/session_live/cell_component.ex +++ b/lib/livebook_web/live/session_live/cell_component.ex @@ -20,7 +20,6 @@ defmodule LivebookWeb.SessionLive.CellComponent do ~H"""
- <.cell_link_button cell_id={@cell_view.id} />
- <.cell_link_button cell_id={@cell_view.id} /> + + + <.cell_settings_button cell_id={@cell_view.id} socket={@socket} session_id={@session_id} /> + <.cell_link_button cell_id={@cell_view.id} /> <.move_cell_up_button cell_id={@cell_view.id} /> <.move_cell_down_button cell_id={@cell_view.id} /> <.delete_cell_button cell_id={@cell_view.id} /> @@ -100,7 +105,7 @@ defmodule LivebookWeb.SessionLive.CellComponent do <.editor cell_view={@cell_view} /> <%= if @cell_view.outputs != [] do %> -
+
<.outputs cell_view={@cell_view} runtime={@runtime} socket={@socket} />
<% end %> @@ -112,8 +117,8 @@ defmodule LivebookWeb.SessionLive.CellComponent do ~H"""
- <.cell_link_button cell_id={@cell_view.id} /> <.cell_settings_button cell_id={@cell_view.id} socket={@socket} session_id={@session_id} /> + <.cell_link_button cell_id={@cell_view.id} /> <.move_cell_up_button cell_id={@cell_view.id} /> <.move_cell_down_button cell_id={@cell_view.id} /> <.delete_cell_button cell_id={@cell_view.id} />