sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

#1403 bugfix css grid (customer-details page) on iOS devices

Browse Source
This commit is contained in:
Nino Righi
2021-02-09 14:45:04 +01:00
parent 14852ca2b7
commit 1226be740a
5 changed files with 209 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/page/customer/src/lib/customer-details/customer-data/customer-data.component.scss
View File

@@ -1,9 +1,10 @@
:host {
@apply flex flex-col box-border gap-px-2 my-px-2;
@apply grid flex-col box-border gap-px-2 my-px-2;
}
.field {
@apply flex flex-row gap-8 text-regular p-4 bg-white;
@apply grid justify-items-start grid-flow-col flex-row gap-8 text-regular p-4 bg-white;
grid-template-columns: max-content;
.name {
}

15
apps/page/customer/src/lib/customer-details/customer-details.component.scss
View File

@@ -28,7 +28,11 @@ a {
}
ui-radio-group {
@apply flex flex-col gap-px-2;
@apply grid flex-col gap-px-2;
}
ui-radio-button {
@apply grid grid-flow-col;
}
.address-row {
@@ -41,18 +45,19 @@ ui-radio-group {
}
.tags {
@apply flex flex-row gap-4 justify-center items-center text-ucla-blue font-bold text-regular mb-px-40;
@apply grid grid-flow-col flex-row gap-4 justify-center items-center text-ucla-blue font-bold text-regular mb-px-40;
}
.tag {
@apply flex items-center gap-2;
@apply grid grid-flow-col items-center gap-2;
}
.details {
@apply flex flex-col text-regular gap-4;
@apply grid flex-col text-regular gap-4;
.detail {
@apply flex flex-row gap-8;
@apply grid grid-flow-col justify-items-start flex-row gap-8;
grid-template-columns: max-content;
.name {
}

4
apps/shell/breadcrumb/src/lib/shell-breadcrumb.component.scss
View File

@@ -15,11 +15,11 @@
height: 0;
}
@apply flex-grow flex flex-row items-center gap-2 overflow-x-scroll;
@apply flex-grow grid grid-flow-col flex-row items-center gap-2 overflow-x-scroll;
}
.link-breadcrumb {
@apply whitespace-nowrap text-active-customer flex flex-row items-center gap-2;
@apply whitespace-nowrap text-active-customer grid grid-flow-col flex-row items-center gap-2;
&.active {
@apply font-bold;

2
apps/ui/form-control/src/lib/ui-form-control.component.scss
View File

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

386
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff