Skip to content
Snippets Groups Projects
Commit 117bac69 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-7292 page layout on smaller screens, scroll complete page

parent 15e36ef2
No related branches found
No related tags found
No related merge requests found
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<ozgcloud-spinner [stateResource]="apiRoot"> <ozgcloud-spinner [stateResource]="apiRoot">
<alfa-header-container [apiRootStateResource]="apiRoot"></alfa-header-container> <alfa-header-container [apiRootStateResource]="apiRoot"></alfa-header-container>
<div class="relative ml-4 mt-16 flex flex-grow items-start justify-between"> <div class="relative ml-4 flex flex-grow items-start justify-between sm:mt-16">
<div class="mat-app-background relative grow"><router-outlet></router-outlet></div> <div class="mat-app-background relative grow"><router-outlet></router-outlet></div>
<section class="mat-app-background right-nav"> <section class="mat-app-background right-nav">
......
...@@ -24,13 +24,10 @@ ...@@ -24,13 +24,10 @@
@import 'variables'; @import 'variables';
:host { :host {
position: sticky; @apply flex items-center justify-end sm:sticky;
top: $header-height; top: $header-height;
height: 3rem; min-height: 3rem;
width: 100%; width: 100%;
z-index: 2; z-index: 2;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0.25rem 0 0.25rem 1rem; padding: 0.25rem 0 0.25rem 1rem;
} }
...@@ -26,18 +26,15 @@ ...@@ -26,18 +26,15 @@
<h1 class="sr-only">Vorgangsliste</h1> <h1 class="sr-only">Vorgangsliste</h1>
<alfa-vorgang-filter-menu-container class="mat-app-background"></alfa-vorgang-filter-menu-container> <alfa-vorgang-filter-menu-container class="mat-app-background"></alfa-vorgang-filter-menu-container>
<div class="flex flex-row"> <div class="flex flex-col sm:flex-row">
<alfa-vorgang-views-menu-container <alfa-vorgang-views-menu-container
*ngIf="apiRootStateResource.resource" *ngIf="apiRootStateResource.resource"
[apiRootResource]="apiRootStateResource.resource" [apiRootResource]="apiRootStateResource.resource"
class="w-[15.5rem] flex-none" class="w-full sm:w-[15.5rem] sm:flex-none"
></alfa-vorgang-views-menu-container> ></alfa-vorgang-views-menu-container>
<main <main
*ngIf=" *ngIf="apiRootStateResource?.resource | hasLink: apiRootLinkRel.ALLE_VORGAENGE; else showNoRoleMessage"
apiRootStateResource?.resource | hasLink: apiRootLinkRel.ALLE_VORGAENGE;
else showNoRoleMessage
"
data-test-id="vorgaenge-list" data-test-id="vorgaenge-list"
class="flex flex-1 flex-col overflow-hidden border border-gray-200 dark:border-black" class="flex flex-1 flex-col overflow-hidden border border-gray-200 dark:border-black"
> >
......
@import 'variables'; @import 'variables';
:host { :host {
@apply self-start md:sticky;
background-color: $background; background-color: $background;
padding: 0 1rem 0 0; padding: 0 1rem 0 0;
position: sticky;
align-self: flex-start;
top: $header-height + $navigation-height; top: $header-height + $navigation-height;
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment