Fix placement and remove double scroll bars

This commit is contained in:
José Valim 2021-06-30 20:06:33 +02:00
parent 419a1f1940
commit 8dc142f6d5
2 changed files with 3 additions and 3 deletions

View file

@ -16,7 +16,7 @@ defmodule LivebookWeb.Output.TextComponent do
<div data-content class="overflow-auto whitespace-pre font-editor text-gray-500 tiny-scrollbar" <div data-content class="overflow-auto whitespace-pre font-editor text-gray-500 tiny-scrollbar"
id="virtualized-text-<%= @id %>-content" id="virtualized-text-<%= @id %>-content"
phx-update="ignore"></div> phx-update="ignore"></div>
<div class="absolute right-4 top-0 z-10"> <div class="absolute right-0 top-0 z-10">
<button class="icon-button bg-gray-100" <button class="icon-button bg-gray-100"
id="virtualized-text-<%= @id %>-clipcopy" id="virtualized-text-<%= @id %>-clipcopy"
phx-hook="ClipCopy" phx-hook="ClipCopy"

View file

@ -37,7 +37,7 @@ defmodule LivebookWeb.SessionLive.BinComponent do
</h3> </h3>
<div class="w-full flex-col space-y-5"> <div class="w-full flex-col space-y-5">
<p class="text-gray-700"> <p class="text-gray-700">
Here you can find all the cells deleted within this session. Here you can find all the deleted cells from this notebook session.
</p> </p>
<%= if @bin_entries == [] do %> <%= if @bin_entries == [] do %>
<div class="p-5 flex space-x-4 items-center border border-gray-200 rounded-lg"> <div class="p-5 flex space-x-4 items-center border border-gray-200 rounded-lg">
@ -59,7 +59,7 @@ defmodule LivebookWeb.SessionLive.BinComponent do
spellcheck="false" spellcheck="false"
autofocus /> autofocus />
</form> </form>
<div class="flex flex-col space-y-8 overflow-y-auto tiny-scrollbar h-[30rem] pr-3 pb-1"> <div class="flex flex-col space-y-8 h-[30rem] pb-1">
<%= for %{cell: cell} = entry <- Enum.take(@matching_entries, @limit) do %> <%= for %{cell: cell} = entry <- Enum.take(@matching_entries, @limit) do %>
<div class="flex flex-col space-y-1"> <div class="flex flex-col space-y-1">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">