css: avoid overlay the fields of a blockWidget and delete button (#51285)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2023-06-01 14:56:19 +02:00
parent a8480b2654
commit 86fbdffab6
1 changed files with 15 additions and 3 deletions

View File

@ -804,12 +804,24 @@ div.section.foldable {
.BlockSubWidget {
position: relative;
@include clearfix();
border-right: 3.5rem solid $zebra-color;
padding-right: 1rem;
}
&:not(.pk-blocks-zebra) .BlockSubWidget {
margin-bottom: 0.5rem;
}
.remove-button {
position: absolute;
right: 3px;
top: 0.5em;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
top: 0;
bottom: 0;
left: calc(100% + 0.5rem);
margin: auto;
span {
display: none;
}