-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #408 from valor-software/feat/redesign-blog-page
feat: created new design for blog page
- Loading branch information
Showing
25 changed files
with
481 additions
and
354 deletions.
There are no files selected for viewing
2 changes: 1 addition & 1 deletion
2
...articles/medusa-the-new-year-dedicated-release/medusa-the-new-year-dedicated-release.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
...les/0060-medusa-the-new-year-dedicated-release/medusa-the-new-year-dedicated-release.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
25 changes: 13 additions & 12 deletions
25
libs/common-docs/src/components/blog-preview/blog-preview.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,15 @@ | ||
| <ng-container *ngIf="articles?.length"> | ||
| <swiper | ||
| [config]="swiperConfig" | ||
| class="article_swiper" | ||
| > | ||
| <ng-template swiperSlide *ngFor="let article of articles"> | ||
| <ng-container *ngIf="article && article.title"> | ||
| <a class="block w-full cursor-pointer" href="javascript:void(0)" [routerLink]="['/articles', getRouteLink(article.title)]"> | ||
| <blog-portfolio-item [article]="article"></blog-portfolio-item> | ||
| </a> | ||
| </ng-container> | ||
| </ng-template> | ||
| </swiper> | ||
| <swiper | ||
| [config]="swiperConfig" | ||
| class="article_swiper" | ||
| > | ||
| <ng-template swiperSlide *ngFor="let article of articles"> | ||
| <ng-container *ngIf="article && article.title"> | ||
| <a class="block w-full cursor-pointer" href="javascript:void(0)" | ||
| [routerLink]="['/articles', getRouteLink(article.title)]"> | ||
| <blog-portfolio-item [article]="article"></blog-portfolio-item> | ||
| </a> | ||
| </ng-container> | ||
| </ng-template> | ||
| </swiper> | ||
| </ng-container> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,19 @@ | ||
| export interface IArticle { | ||
| author?: string; | ||
| authorImg?: string; | ||
| secondAuthor?: string; | ||
| secondAuthorImg?: string; | ||
| domains: string[]; | ||
| language: string; | ||
| bgImg: string; | ||
| title: string; | ||
| position?: string; | ||
| date: string; | ||
| content: string; | ||
| seoDescription?: string; | ||
| order?: number; | ||
| author?: string; | ||
| authorImg?: string; | ||
| secondAuthor?: string; | ||
| secondAuthorImg?: string; | ||
| domains: string[]; | ||
| language: string; | ||
| bgImg: string; | ||
| title: string; | ||
| position?: string; | ||
| date: string; | ||
| content: string; | ||
| seoDescription?: string; | ||
| order?: number; | ||
| readingTime: string; | ||
|
|
||
| // ToDO: implement change of the languages | ||
| languages?: string[]; | ||
| } |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
67 changes: 67 additions & 0 deletions
67
libs/route-pages/blog/src/components/article/article.component.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| ::ng-deep.turbo-table { | ||
| margin-top: 25px; | ||
| } | ||
|
|
||
| ::ng-deep.turbo-table tbody tr:not(:first-of-type) { | ||
| border-top: 1px solid gray; | ||
| } | ||
|
|
||
| ::ng-deep.turbo-table tbody tr:not(:first-of-type) td:not(:last-of-type) { | ||
| border-right: 1px solid gray | ||
| } | ||
|
|
||
| ::ng-deep.turbo-table tbody tr:not(:first-of-type) td { | ||
| padding: 5px 10px; | ||
| } | ||
|
|
||
| ::ng-deep tbody tr:first-of-type { | ||
| text-align: center; | ||
| } | ||
|
|
||
| ::ng-deep mark { | ||
| background-color: #A9A9A9; | ||
| color: #383838; | ||
| border-radius: 0.3em; | ||
| padding: 0.1em 0.25em; | ||
| } | ||
|
|
||
| ::ng-deep.white { | ||
| color: #ffffff; | ||
| } | ||
|
|
||
| ::ng-deep.small-img { | ||
| margin: auto; | ||
| width: 40% | ||
| } | ||
|
|
||
| ::ng-deep.block-citation { | ||
| border-left-width: 8px; | ||
| --tw-border-opacity: 1; | ||
| border-color: rgba(32, 32, 32, var(--tw-border-opacity)); | ||
| --tw-bg-opacity: 1; | ||
| background-color: #2c2c2d; | ||
| } | ||
|
|
||
| ::ng-deep.block-citation > .attribution { | ||
| padding: 0 16px 16px 16px; | ||
| text-align: right; | ||
| } | ||
|
|
||
| ::ng-deep.block-citation > blockquote { | ||
| border: 0px; | ||
| border-radius: 3rem; | ||
| } | ||
|
|
||
| ::ng-deep.block-citation > blockquote > .paragraph:first-of-type:before { | ||
| content: open-quote; | ||
| float: left; | ||
| font-size: 3em; | ||
| margin-right: 4px; | ||
| font-weight: 700; | ||
| line-height: 0.6em; | ||
| color: rgba(226, 78, 99, var(--tw-text-opacity)); | ||
| } | ||
|
|
||
| ::ng-deep.block-citation > blockquote > .paragraph:first-of-type:after { | ||
| content: no-close-quote; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.