New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS: Improve the display of the links/buttons on Edit Entry #2162

Open

4 tasks

rafaehlers opened this issue Oct 4, 2024 · 0 comments

Open

4 tasks

CSS: Improve the display of the links/buttons on Edit Entry #2162

rafaehlers opened this issue Oct 4, 2024 · 0 comments

Labels

Contributor

rafaehlers commented Oct 4, 2024 •

edited

Loading

The Edit Entry action links have always been quirky CSS-wise. I think we should improve them.

Here's a video: https://www.loom.com/share/f28e92d3e13d425986433a39b18f76b0

Set width:100% on #publishing-action wrapper

#publishing-action{ width:100% }

Remove margins from delete button:

.gv-button-delete{  margin-bottom: unset;  margin-top: unset; }

Set same margin-botton that the update/submit button has to .gv-button-cancel

.gv-button-cancel{  margin-bottom: 8px; }

With these modifications alone we already get this look:

We also need to put a margin here but I don't know the best way since the search bar uses flexbox

The text was updated successfully, but these errors were encountered:

rafaehlers added the Design: CSS label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment