arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(start): Added image to startpage. (TV-563)

Browse Source 
Squashed commit of the following:

commit 51311ee17f60c3faeb05fa04293301e60ff0c1ec
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Fri Sep 10 08:45:29 2021 +0200

    Fixed margin-issue

commit e052b7b83121af8809214c5523367b58856954e2
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Fri Sep 10 08:39:47 2021 +0200

    Added image to startpage
This commit is contained in:
Erik Tiekstra
2021-09-10 08:46:47 +02:00
parent 270d46eb17
commit 7df0ed8526
10 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/mina-sidor-fa/src/app/shared/components/layout/components/navigation/navigation.component.scss
View File

@@ -14,10 +14,6 @@
padding: 0 var(--digi--layout--gutter);
height: $msfa__navigation-height;
@media (min-width: $digi--layout--breakpoint--m) {
height: $msfa__navigation-height-large;
}
&__logo-wrapper {
height: 100%;
display: flex;
@@ -32,15 +28,6 @@
}
}
&__logo {
height: $msfa__navigation-height / 2.5;
vertical-align: middle;
@media (min-width: $digi--layout--breakpoint--m) {
height: $msfa__navigation-height-large / 2.5;
}
}
&__list {
@include msfa__reset-list;
display: flex;

2
apps/mina-sidor-fa/src/app/shared/components/layout/components/sidebar/sidebar.component.scss
View File

@@ -7,7 +7,7 @@
display: flex;
flex-direction: column;
position: sticky;
top: $msfa__navigation-height-large;
top: $msfa__navigation-height;
&__list {
@include msfa__reset-list;

8
apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss
View File

@@ -12,10 +12,6 @@
'sidebar content'
'footer footer';
// @media (min-width: $digi--layout--breakpoint--m) {
// grid-template-rows: $msfa__navigation-height-large 1fr auto;
// }
&__header {
grid-area: header;
position: sticky;
@@ -32,12 +28,12 @@
&__content {
grid-area: content;
max-width: $digi--layout--breakpoint--l;
padding: var(--digi--layout--gutter) $digi--layout--gutter--l $digi--layout--gutter--xxl;
padding: $digi--layout--gutter--l $digi--layout--gutter--l $digi--layout--gutter--xxl;
}
&__breadcrumbs {
display: block;
margin-bottom: var(--digi--layout--gutter);
margin-bottom: $digi--layout--gutter;
}
&__footer {