Flex-wrap buttons on dialogs to prevent overflowing

This commit is contained in:
schlagmichdoch 2023-12-09 17:37:44 +01:00
parent 78b758b990
commit e7031cea90
3 changed files with 59 additions and 31 deletions

View file

@ -48,16 +48,36 @@ html {
}
.m1 {
margin: 10px;
margin: 5px;
}
.cursive {
font-style: italic;
}
.row-reverse {
.wrap {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.wrap-reverse {
display: flex;
flex-wrap: wrap-reverse;
}
.grow {
display: flex;
flex-grow: 1;
}
.grow-2 {
display: flex;
flex-grow: 2;
}
.shrink {
display: flex;
flex-shrink: 1;
}
.flex {
@ -81,6 +101,11 @@ html {
flex-direction: row;
}
.row-reverse {
display: flex;
flex-direction: row-reverse;
}
.column {
display: flex;
flex-direction: column;
@ -92,10 +117,6 @@ html {
justify-content: center;
}
.grow {
flex-grow: 1;
}
.full {
position: absolute;
top: 0;