Vertical Action Row (Custom CSS)

Project Showcase
1

Vertical Action Row

Reorients the Action Row layout vertically, placing buttons below the text and left-aligned for better clarity when text is long.

image
image900×900 85.8 KB


/* Vertical Layout for Action Row */

.lc-vertical-action-row div[data-testid="action-row-container"] {
  flex-direction: column; 
}

.lc-vertical-action-row div[class*="action-row"][class*="StyledDiv3"] {
  margin-top: 10px;
  justify-content: flex-start; /* Align actions to left */
}

LessCode Design Library

Check out other similar custom css designs

5 Likes
3

Nice work!

1 Like
4

But why are you providing the code for free here, but need to pay from your app?

2 Likes
5

This is just one simple design idea. If you subscribe to the app you can see all the rest.

2 Likes
6

Nice idea.

2 Likes