+
-
-
-
+
diff --git a/src/app/_modules/pages/menu/pages-menu.component.ts b/src/app/_modules/pages/menu/pages-menu.component.ts
index 4300487..ef7e594 100644
--- a/src/app/_modules/pages/menu/pages-menu.component.ts
+++ b/src/app/_modules/pages/menu/pages-menu.component.ts
@@ -22,8 +22,11 @@ export class PagesMenuComponent {
close() {
- this.hidden = true;
- setTimeout(() => {this.hidden = false;}, 1);
+ this.hidden = !this.hidden;
+ // setTimeout(() => {this.hidden = false;}, 100);
+ }
+ leave(){
+ this.hidden = false;
}
itemSelect(event:any){
diff --git a/src/app/_modules/pages/page/page.component.scss b/src/app/_modules/pages/page/page.component.scss
index c9e5f00..132f0c3 100644
--- a/src/app/_modules/pages/page/page.component.scss
+++ b/src/app/_modules/pages/page/page.component.scss
@@ -1,8 +1,11 @@
.content {
+ background-color: #F6F6F6;
+ padding-bottom: 120px;
.row {
display: block;
width: 100%;
border-bottom: 1px solid #C0C0C0;
+ background-color: #FFF;
.page-header {
display: flex;
flex-direction: column;
@@ -12,6 +15,8 @@
height: 400px;
background-color: #86898E;
background-size: cover;
+ background-position: center;
+
.block{
position: absolute;
top:136px;
@@ -31,7 +36,7 @@
font-size: 76px;
font-style: normal;
font-weight: 700;
- line-height: 60px; /* 100% */
+ line-height:100%;
letter-spacing: 0.76px;
color: white;
}
@@ -62,6 +67,7 @@
display: flex;
justify-content: end;
padding: 16px 0;
+
}
@media screen and (max-width: 1264px) {
diff --git a/src/app/_modules/pages/sections/add/add-section.component.scss b/src/app/_modules/pages/sections/add/add-section.component.scss
index 1d61c26..ea1d828 100644
--- a/src/app/_modules/pages/sections/add/add-section.component.scss
+++ b/src/app/_modules/pages/sections/add/add-section.component.scss
@@ -17,7 +17,7 @@
display: inline-block;
width: 24px;
height: 24px;
- background: var(--white) url("~src/assets/images/icons/add_cirle_24dp.svg") no-repeat center;
+ background: url("~src/assets/images/icons/add_cirle_24dp.svg") no-repeat center;
content: '';
z-index: 0;
bottom: -2px;
@@ -29,7 +29,7 @@
background-image: url("~src/assets/images/icons/add_cirle_active_24dp.svg");
}
&:after{
- background-image: url("~src/assets/images/icons//arrow_drop_down_active_24dp.svg");
+ background-image: url("~src/assets/images/icons/arrow_drop_down_active_24dp.svg");
};
color: var(--blue-3);
}
@@ -39,7 +39,7 @@
}
&:after{
transform: rotate(180deg);
- background-image: url("~src/assets/images/icons//arrow_drop_down_active_24dp.svg");
+ background-image: url("~src/assets/images/icons/arrow_drop_down_active_24dp.svg");
};
color: var(--blue-3);
}
@@ -47,7 +47,7 @@
display: inline-block;
width: 24px;
height: 24px;
- background: var(--white) url("~src/assets/images/icons/arrow_drop_down_24dp.svg") no-repeat center;
+ background: url("~src/assets/images/icons/arrow_drop_down_24dp.svg") no-repeat center;
content: '';
z-index: 0;
bottom: -2px;
diff --git a/src/app/_modules/pages/sections/types/basic/document/document-section.component.html b/src/app/_modules/pages/sections/types/basic/document/document-section.component.html
index 1d9f132..82c13a9 100644
--- a/src/app/_modules/pages/sections/types/basic/document/document-section.component.html
+++ b/src/app/_modules/pages/sections/types/basic/document/document-section.component.html
@@ -1,6 +1,9 @@
-
-
-
\ No newline at end of file
+
+
diff --git a/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss b/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss
index ab7943e..4e0f3eb 100644
--- a/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss
+++ b/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss
@@ -1,9 +1,18 @@
:host {
- display: block;
- background: url('~src/assets/images/icons/document_pdf_60dp.svg') top left no-repeat;
- padding-left: 62px;
- min-height: 60px;
+ display: flex;
+ grid-gap: 16px;
+}
+.doc-icon{
+ flex-basis: 60px;
+ align-items: flex-start;
+ height: 60px;
+ background: center no-repeat;
+ background-image: url('~src/assets/images/icons/document/document_pdf_60dp.svg');
+ background-size: contain;
}
a{
font-size: 20px;
+}
+.description{
+ color: #6C6C6C;
}
\ No newline at end of file
diff --git a/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts b/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts
index 25061c7..46db145 100644
--- a/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts
+++ b/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts
@@ -28,6 +28,12 @@ export class DocumentSectionComponent {
return this.section.groups.data[0].fields.data[2].value.data[0];
}
+ get docIcon(){
+ const ext = this.section.groups.data[0].fields.data[0].value.data[0].extension.toUpperCase();
+ return `url('/assets/images/icons/document/${ext}.svg')`
+ // return `url('/assets/images/icons/document/document_pdf_60dp.svg')`
+ }
+
get download(){
return this.section.groups.data[0].fields.data[0].value.data[0].links.download;
}
diff --git a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html
index 2456035..5890e18 100644
--- a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html
+++ b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html
@@ -10,7 +10,10 @@
diff --git a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss
index 7be1d8f..9fc93ed 100644
--- a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss
+++ b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss
@@ -36,13 +36,18 @@
}
.image {
- img {
+ img{
width: 273px;
object-fit: cover;
height: 204px;
border-radius: 12px;
+ border: 1px solid rgba(45, 45, 45, 0.27);
+ }
+ a {
+ img {
border: 2px solid var(--blue-4);
cursor: pointer;
+ }
}
}
.name {
diff --git a/src/app/_modules/pages/sections/types/basic/images/images-section.component.html b/src/app/_modules/pages/sections/types/basic/images/images-section.component.html
index 09ba90a..e25b153 100644
--- a/src/app/_modules/pages/sections/types/basic/images/images-section.component.html
+++ b/src/app/_modules/pages/sections/types/basic/images/images-section.component.html
@@ -4,7 +4,8 @@
+
+
+
+
diff --git a/src/app/_modules/layout/header/header.component.scss b/src/app/_modules/layout/header/header.component.scss
index a82a656..f7211f4 100644
--- a/src/app/_modules/layout/header/header.component.scss
+++ b/src/app/_modules/layout/header/header.component.scss
@@ -1,12 +1,14 @@
@media screen and (max-width: 1264px){
-:host{
- display: flex;
+
+.hidemobile{
+ display: none;
}
.header{
flex-grow: 1;
padding: 12px 24px;
background-color: #FFF;
min-height: 100%;
+
.bottom{
display: flex;
align-items: stretch;
@@ -38,14 +40,17 @@
flex-grow: 1;
}
- .hidemobile{
- display: none;
- }
+
+ }
+
+ .grid-menu {
+ display: none;
}
&.showmobile{
position:fixed;
+ top:0;
padding: 0;
width: 100dvw;
height: 100dvh;
@@ -53,6 +58,7 @@
z-index:100;
overflow-y: scroll;
.grid-menu{
+ display: block;
background: var(--blue-3);
color: white;
width: 480px;
diff --git a/src/app/_modules/pages/menu/pages-menu.component.html b/src/app/_modules/pages/menu/pages-menu.component.html
index c63bd18..9fbcbac 100644
--- a/src/app/_modules/pages/menu/pages-menu.component.html
+++ b/src/app/_modules/pages/menu/pages-menu.component.html
@@ -1,2 +1,2 @@
-
+
+
+
+