DGNum/kadenios
17
0
Fork 0
Code Issues 12 Pull requests Projects Wiki Activity

Fix field-horizontal

Browse source
This commit is contained in:
Tom Hubrecht 2021-06-10 15:25:10 +02:00
parent 4fc17958c2
commit 6aa269c2a5
3 changed files with 71 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
shared/static/css/main.css
View file

@ -3608,63 +3608,57 @@ a.tag:hover {
.field.is-grouped.is-grouped-multiline:not(:last-child) { .field.is-grouped.is-grouped-multiline:not(:last-child) {
margin-bottom: 0; margin-bottom: 0;
} }
@media screen and (max-width: 768px) { .field.is-horizontal {
.field.is-horizontal {
display: flex; display: flex;
}
} }
.field-label .label { .field-label {
font-size: inherit;
}
@media screen and (max-width: 768px) {
.field-label {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
flex-basis: 0; flex-basis: 0;
flex-grow: 1; flex-grow: 1;
flex-shrink: 0; flex-shrink: 0;
margin-right: 1.5rem; margin-right: 1.5rem;
text-align: right; text-align: right;
} }
.field-label.is-small { .field-label .label {
font-size: inherit;
}
.field-label.is-small {
font-size: 0.75rem; font-size: 0.75rem;
padding-top: 0.375em; padding-top: 0.375em;
} }
.field-label.is-normal { .field-label.is-normal {
padding-top: 0.375em; padding-top: 0.375em;
} }
.field-label.is-medium { .field-label.is-medium {
font-size: 1.25rem; font-size: 1.25rem;
padding-top: 0.375em; padding-top: 0.375em;
} }
.field-label.is-large { .field-label.is-large {
font-size: 1.5rem; font-size: 1.5rem;
padding-top: 0.375em; padding-top: 0.375em;
}
} }
.field-body .field .field { .field-body {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.field-body {
display: flex; display: flex;
flex-basis: 0; flex-basis: 0;
flex-grow: 5; flex-grow: 5;
flex-shrink: 1; flex-shrink: 1;
} }
.field-body .field { .field-body .field .field {
margin-bottom: 0; margin-bottom: 0;
} }
.field-body > .field { .field-body .field {
margin-bottom: 0;
}
.field-body > .field {
flex-shrink: 1; flex-shrink: 1;
} }
.field-body > .field:not(.is-narrow) { .field-body > .field:not(.is-narrow) {
flex-grow: 1; flex-grow: 1;
} }
.field-body > .field:not(:last-child) { .field-body > .field:not(:last-child) {
margin-right: 0.75rem; margin-right: 0.75rem;
}
} }
.control { .control {

2
shared/static/css/main.css.map
View file

File diff suppressed because one or more lines are too long

3
shared/static/src/bulma/sass/form/tools.sass
View file

@ -117,13 +117,11 @@ $label-colors: $form-colors !default
&:not(:last-child) &:not(:last-child)
margin-bottom: 0 margin-bottom: 0
&.is-horizontal &.is-horizontal
+mobile
display: flex display: flex
.field-label .field-label
.label .label
font-size: inherit font-size: inherit
+mobile
margin-bottom: 0.5rem margin-bottom: 0.5rem
flex-basis: 0 flex-basis: 0
flex-grow: 1 flex-grow: 1
@ -145,7 +143,6 @@ $label-colors: $form-colors !default
.field-body .field-body
.field .field .field .field
margin-bottom: 0 margin-bottom: 0
+mobile
display: flex display: flex
flex-basis: 0 flex-basis: 0
flex-grow: 5 flex-grow: 5