diff --git a/src/app/modules/news/page/news-item.html b/src/app/modules/news/page/news-item.html index be046afc..feb1489d 100644 --- a/src/app/modules/news/page/news-item.html +++ b/src/app/modules/news/page/news-item.html @@ -1,11 +1,17 @@ - + + + + - + + + + {{item.datePublished | amLocale: language | amDateFormat:'Do MMMM YYYY, HH:mm'}} diff --git a/src/app/modules/news/page/news-item.scss b/src/app/modules/news/page/news-item.scss index 4b6f7978..90c25eb9 100644 --- a/src/app/modules/news/page/news-item.scss +++ b/src/app/modules/news/page/news-item.scss @@ -7,6 +7,24 @@ ion-card-header a { padding-left: 4px; } } -ion-card img { +ion-card ion-thumbnail img { width: 100%; + z-index: 1; + position: absolute; +} + +ion-card ion-thumbnail { + position: relative; + background: var(--placeholder-gray); + width: 100%; + min-height: 400px; + align-items: center; + margin: 0; + ion-icon { + position: absolute; + width: 100%; + height: 100%; + color: white; + display: block; + } } diff --git a/src/assets/imgs/modules/news/placeholder.jpg b/src/assets/imgs/modules/news/placeholder.jpg deleted file mode 100644 index 94a31799..00000000 Binary files a/src/assets/imgs/modules/news/placeholder.jpg and /dev/null differ diff --git a/src/theme/variables.scss b/src/theme/variables.scss index a310b6e6..eb62f0b8 100644 --- a/src/theme/variables.scss +++ b/src/theme/variables.scss @@ -66,7 +66,7 @@ --ion-color-medium-contrast-rgb: 0,0,0; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; - + /** dark **/ --ion-color-dark: #222; --ion-color-dark-rgb: 34,34,34; @@ -74,4 +74,7 @@ --ion-color-dark-contrast-rgb: 255,255,255; --ion-color-dark-shade: #1e1e1e; --ion-color-dark-tint: #383838; -} \ No newline at end of file + + /** StApps **/ + --placeholder-gray: #F1F0ED; +}