Skip to content

Commit 6bfa3c6

Browse files
committed
node-type sidebar styling tweak
1 parent fbf5a01 commit 6bfa3c6

File tree

1 file changed

+9
-12
lines changed

1 file changed

+9
-12
lines changed

libs/app-canvas/src/app/components/node-sidebar-menu.tsx

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -240,15 +240,14 @@ export class NodeSidebarMenuComponent extends Component<
240240
renderElement(
241241
<div
242242
class={`taskbar-container
243-
h-[100vh]
243+
absolute left-0 top-[108px]
244244
w-[182px]
245+
h-[100vh]
246+
max-h-[calc(100vh-208px)]
245247
transition-transform
246-
peer
247248
z-[20050]
248249
hidden
249-
md:flex flex-col
250-
absolute left-0 top-[108px]
251-
max-h-[calc(100vh-208px)]
250+
md:flex flex-col
252251
bg-slate-700
253252
rounded-r-md
254253
overflow-y-scroll`}
@@ -262,14 +261,14 @@ export class NodeSidebarMenuComponent extends Component<
262261
top-0 left-0
263262
z-[20050]
264263
overflow-y-scroll
265-
p-4
264+
px-4 py-2
266265
max-h-[calc(100vh-208px)]
267266
w-min
268267
h-min
269268
`}
270269
>
271270
<div
272-
class={`overflow-visible flex flex-col gap-2 relative pt-4 pb-4`}
271+
class={`overflow-visible flex flex-col gap-2 relative pt-2 pb-2`}
273272
getElement={(element: HTMLElement) => {
274273
taskbar = element;
275274
sortedCategories.forEach((categoryName) => {
@@ -313,12 +312,11 @@ export class NodeSidebarMenuComponent extends Component<
313312
<div
314313
class="taskbar-container-before
315314
pointer-events-none
316-
peer[.dragging]:hidden
317315
absolute
318316
left-0
319317
w-[182px]
320318
top-0
321-
h-8
319+
h-4
322320
bg-gradient-to-b
323321
from-slate-700
324322
to-transparent
@@ -327,12 +325,11 @@ export class NodeSidebarMenuComponent extends Component<
327325
<div
328326
class="taskbar-container-after
329327
pointer-events-none
330-
absolute
331-
peer[.dragging]:hidden
328+
absolute
332329
left-0
333330
w-[182px]
334331
bottom-0
335-
h-8
332+
h-4
336333
bg-gradient-to-t
337334
from-slate-700
338335
to-transparent

0 commit comments

Comments
 (0)