Hide/move bottom toolbar

Use case or problem

Remove stuff that may block viewing of the canvas on small screens. And, or to make all toolbars in one place.

Proposed solution

Add option to hide or move the bottom toolbar to the right side.

Current workaround (optional)

None.

Related feature requests (optional)

2 Likes

Current workarounds with css:

  • show only on hover
    .canvas-card-menu {
        opacity: 0;
    }
    .canvas-card-menu:hover {
        opacity: 1;
    }
  • hide it completely (I do this because I add cards with Ctrl+Drag)
    .canvas-card-menu {
        display: none;
    }
1 Like

Also to make it a column and place it on the bottom right of the canvas, you could use this:

    .canvas-card-menu {
        display: flex;
        flex-direction: column;
        left: initial;
        right: -15px;
        bottom: 30px;
    }
2 Likes

Just to add to the fun, this one keeps the bar horizontal, but pushes it off to the lower right.

.canvas-card-menu {
  right: -4rem;
  left: unset;    
}

Screenshot 2023-04-25 133929