livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2024-09-20 10:05:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Design improvements in the outline (#2771)

Browse source 
Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>
This commit is contained in:
Hugo Baraúna 2024-09-05 16:28:01 -03:00 committed by GitHub
parent c060efba20
commit dfa7fc3c2f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
lib/livebook_web/live/session_live/render.ex
View file

@ -495,11 +495,11 @@ defmodule LivebookWeb.SessionLive.Render do
<div :for={section_item <- @data_view.sections_items} class="flex flex-col"> <div :for={section_item <- @data_view.sections_items} class="flex flex-col">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<button <button
class="grow flex items-baseline gap-1 text-gray-500 hover:text-gray-900 text-left" class="grow flex items-baseline gap-1 text-gray-600 hover:text-gray-900 text-left"
data-el-outline-item data-el-outline-item
data-section-id={section_item.id} data-section-id={section_item.id}
> >
<.remix_icon icon="h-2" class="text-lg font-normal leading-none" /> <.remix_icon icon="h-2" class="text-lg font-normal leading-none opacity-50" />
<span><%= section_item.name %></span> <span><%= section_item.name %></span>
<%!-- <%!--
Note: the container has overflow-y auto, so we cannot set overflow-x visible, Note: the container has overflow-y auto, so we cannot set overflow-x visible,
@ -525,13 +525,13 @@ defmodule LivebookWeb.SessionLive.Render do
<ul :if={section_item.identifier_definitions != []} class="mt-2 ml-5 list-none items-center"> <ul :if={section_item.identifier_definitions != []} class="mt-2 ml-5 list-none items-center">
<li :for={definition <- section_item.identifier_definitions}> <li :for={definition <- section_item.identifier_definitions}>
<button <button
class="flex items-center max-w-full text-gray-500 hover:text-gray-900 text-sm gap-1" class="flex items-center max-w-full text-gray-600 hover:text-gray-900 text-sm gap-1"
data-el-outline-definition-item data-el-outline-definition-item
data-file={definition.file} data-file={definition.file}
data-line={definition.line} data-line={definition.line}
title={definition.label} title={definition.label}
> >
<.remix_icon icon="braces-line" class="font-normal" /> <.remix_icon icon="braces-line" class="font-normal opacity-50" />
<span class="font-mono truncate"> <span class="font-mono truncate">
<%= definition.label %> <%= definition.label %>
</span> </span>