47 lines
1.2 KiB
SCSS
47 lines
1.2 KiB
SCSS
.DepartmentDetails {
|
|
padding: 0 0 0; // no extra padding -> padding is calculated in the child comp
|
|
margin: 0; // see above
|
|
overflow: hidden; // overflow hidden => all "to big" child components are hidden
|
|
display: grid; // we define a grid
|
|
width: 100%; // 100 % view width (hardware screen)
|
|
height: 100%; // 100% view height
|
|
grid-template-rows: auto repeat(1, minmax(1px, 250px)); // row relationships
|
|
grid-template-columns: minmax(1px, 0.7fr) minmax(1px, 0.7fr) minmax(1px, 0.5fr) minmax(1px, 0.5fr) minmax(1px, 1fr); // column relationship
|
|
grid-row-gap: 6px;
|
|
grid-column-gap: 10px;
|
|
grid-template-areas:
|
|
'toolbar toolbar toolbar toolbar toolbar'
|
|
'detail documentArtList windreamSearchList windreamSearchItemList windreamIndexList';
|
|
z-index: 10;
|
|
position: relative; //otherwise z-index is not working
|
|
}
|
|
.WindreamSearchItemList{
|
|
grid-area: windreamSearchItemList;
|
|
}
|
|
|
|
.WindreamIndexList{
|
|
grid-area: windreamIndexList;
|
|
}
|
|
.WindreamSearchList{
|
|
grid-area: windreamSearchList;
|
|
}
|
|
.DetailsContent {
|
|
grid-area: detail;
|
|
}
|
|
.DocumentArtList {
|
|
grid-area: documentArtList;
|
|
}
|
|
|
|
.abstand {
|
|
margin-right: 1px !important;
|
|
}
|
|
|
|
.toolbar {
|
|
grid-area: toolbar;
|
|
}
|
|
|
|
.card {
|
|
padding: 12px;
|
|
margin: 2px 2px 2px 2px;
|
|
}
|