diff --git a/assets/css/tooltips.css b/assets/css/tooltips.css index a64f0915b..8a4e34c36 100644 --- a/assets/css/tooltips.css +++ b/assets/css/tooltips.css @@ -73,7 +73,7 @@ Example usage: /* Note: we let the arrow and content overlap 1px, -othrwise there's a tiny space between them. +otherwise there's a tiny space between them. */ .tooltip.top:before { @@ -98,7 +98,14 @@ othrwise there's a tiny space between them. transform: translate(-50%, calc(var(--arrow-size) - 1px + var(--distance))); } -.tooltip.bottom:after { +.tooltip.bottom-left:before { + top: 100%; + right: 0; + transform: translate(0%, calc(var(--arrow-size) - 1px + var(--distance))); +} + +.tooltip.bottom:after, +.tooltip.bottom-left:after { top: 100%; left: 50%; transform: translate(-50%, var(--distance)); diff --git a/lib/livebook_web/live/session_live.ex b/lib/livebook_web/live/session_live.ex index 3cf8c12f4..4aa2a8fe8 100644 --- a/lib/livebook_web/live/session_live.ex +++ b/lib/livebook_web/live/session_live.ex @@ -559,13 +559,13 @@ defmodule LivebookWeb.SessionLive do defp secrets_list(assigns) do ~H"""
-
+

Secrets

- Available only to this session + <.secrets_info_icon />
- + Available only to this session
<%= for {secret_name, secret_value} <- session_only_secrets(@data_view.secrets, @livebook_secrets) do %> @@ -724,6 +724,24 @@ defmodule LivebookWeb.SessionLive do """ end + defp secrets_info_icon(assigns) do + ~H""" + + <.remix_icon icon="question-line" class="text-xl leading-none" /> + + """ + end + defp runtime_info(assigns) do ~H"""