Action bar in Table
The actions bar will have a total overall. It will be fixed to the bottom of the screen, centered and expanded as much as needed. I will provide a close up and the demo picture both to get a better understanding. The displayed actions are not the ones we have they are just for demo. We will follow the styles and the icons for the actions will be chosen from the ones we have provided in the page actions.
#Grid actions
display: flex;
padding: 4px 8px;
align-items: center;
gap: 10px;
position: absolute;
right: 439px;
bottom: 24px;
#Buttons wrap
display: flex;
justify-content: center;
align-items: center;
gap: var(--Spacing-SM, 8px);
#Button
display: flex;
height: 30px;
padding: 4px 8px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: var(--Elements-Button-Roundness, 50px);
color: var(--Gray-200, #CED1D3);
font-feature-settings: 'salt' on;
/* text-xs/medium */
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 133.333% */