Merged PR 485: #1403 bugfix css grid on iOS devices for edit selected customer

#1403 bugfix css grid on iOS devices for edit selected customer
This commit is contained in:
Nino Righi
2021-02-10 16:33:39 +00:00
committed by Lorenz Hilpert
3 changed files with 13 additions and 5 deletions

View File

@@ -11,10 +11,18 @@
}
form {
@apply flex flex-col gap-px-2 bg-transparent;
@apply grid flex-col gap-px-2 bg-transparent;
ui-form-control {
@apply p-4 bg-white;
ui-select {
@apply ml-8;
}
input {
@apply ml-8;
}
}
.actions {

View File

@@ -3,7 +3,7 @@
}
.link-back {
@apply flex-grow-0 flex flex-row items-center gap-2 font-bold text-active-customer absolute left-0 no-underline;
@apply flex-grow-0 grid grid-flow-col flex-row items-center gap-2 font-bold text-active-customer absolute left-0 no-underline;
}
.breadcrumb-wrapper {

View File

@@ -49,13 +49,13 @@ button.clear {
}
.input-wrapper {
@apply grid grid-flow-col flex-row-reverse gap-4 flex-grow items-center;
@apply flex flex-row-reverse gap-4 flex-grow items-center;
}
:host[type='radio'][variant='default'] ::ng-deep,
:host[type='checkbox'][variant='default'] ::ng-deep {
.input-wrapper {
@apply flex-row;
@apply grid grid-flow-col;
}
label,
@@ -129,6 +129,6 @@ button.clear {
:host[variant='inline'] {
.input-wrapper {
@apply gap-8;
@apply gap-0;
}
}