diff --git a/src/app/+item-page/simple/item-page.component.ts b/src/app/+item-page/simple/item-page.component.ts index b90dede66f..b644a7fc83 100644 --- a/src/app/+item-page/simple/item-page.component.ts +++ b/src/app/+item-page/simple/item-page.component.ts @@ -23,7 +23,7 @@ import { ItemViewMode } from '../../shared/items/item-type-decorator'; @Component({ selector: 'ds-item-page', styleUrls: ['./item-page.component.scss'], - templateUrl: './item-page.component.html', + templateUrl: './themes/item-page.component.mantis.html', changeDetection: ChangeDetectionStrategy.OnPush, animations: [fadeInOut] }) diff --git a/src/app/+item-page/simple/item-types/journal/journal.component.ts b/src/app/+item-page/simple/item-types/journal/journal.component.ts index 0799f5c736..8ff32aeef7 100644 --- a/src/app/+item-page/simple/item-types/journal/journal.component.ts +++ b/src/app/+item-page/simple/item-types/journal/journal.component.ts @@ -11,8 +11,8 @@ import { filterRelationsByTypeLabel, relationsToItems } from '../shared/item-rel @rendersItemType('Journal', ItemViewMode.Full) @Component({ selector: 'ds-journal', - styleUrls: ['./journal.component.scss'], - templateUrl: './journal.component.html' + styleUrls: ['./themes/journal.component.mantis.scss'], + templateUrl: './themes/journal.component.mantis.html' }) /** * The component for displaying metadata and relations of an item of the type Journal diff --git a/src/app/+item-page/simple/item-types/journal/themes/journal.component.mantis.html b/src/app/+item-page/simple/item-types/journal/themes/journal.component.mantis.html new file mode 100644 index 0000000000..26fe5ce416 --- /dev/null +++ b/src/app/+item-page/simple/item-types/journal/themes/journal.component.mantis.html @@ -0,0 +1,62 @@ +
+
+
+ +
+ + + +
+ + {{"item.page.link.full" | translate}} + +
+
+
+

+ +

+
+
+ + + + + + + +
+
+ + +
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ + diff --git a/src/app/+item-page/simple/item-types/journal/themes/journal.component.mantis.scss b/src/app/+item-page/simple/item-types/journal/themes/journal.component.mantis.scss new file mode 100644 index 0000000000..a6da279f5e --- /dev/null +++ b/src/app/+item-page/simple/item-types/journal/themes/journal.component.mantis.scss @@ -0,0 +1,11 @@ +@import '../../../../../../styles/variables.scss'; +:host { + > * { + display: block; + padding-top: $spacer; + padding-bottom: $spacer; + } + .top-item-page { + background-color: $gray-100; + } +} \ No newline at end of file diff --git a/src/app/+item-page/simple/themes/item-page.component.mantis.html b/src/app/+item-page/simple/themes/item-page.component.mantis.html new file mode 100644 index 0000000000..472df7c78e --- /dev/null +++ b/src/app/+item-page/simple/themes/item-page.component.mantis.html @@ -0,0 +1,9 @@ +
+
+
+ +
+
+ + +
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index a6221b809e..7fc11e9f89 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -31,8 +31,6 @@ body { .main-content { z-index: $main-z-index; flex: 1 1 100%; - margin-top: $content-spacing; - margin-bottom: $content-spacing; } .alert.hide { diff --git a/src/app/thumbnail/themes/thumbnail.component.mantis.scss b/src/app/thumbnail/themes/thumbnail.component.mantis.scss new file mode 100644 index 0000000000..10667ffe9a --- /dev/null +++ b/src/app/thumbnail/themes/thumbnail.component.mantis.scss @@ -0,0 +1,4 @@ +@import '../../../styles/variables.scss'; +img { + width: 100%; +} diff --git a/src/app/thumbnail/thumbnail.component.ts b/src/app/thumbnail/thumbnail.component.ts index 5e2b713b31..6aad4abd16 100644 --- a/src/app/thumbnail/thumbnail.component.ts +++ b/src/app/thumbnail/thumbnail.component.ts @@ -9,7 +9,7 @@ import { Bitstream } from '../core/shared/bitstream.model'; @Component({ selector: 'ds-thumbnail', - styleUrls: ['./thumbnail.component.scss'], + styleUrls: ['./themes/thumbnail.component.mantis.scss'], templateUrl: './thumbnail.component.html' }) export class ThumbnailComponent { @@ -21,7 +21,7 @@ export class ThumbnailComponent { /** * The default 'holder.js' image */ - @Input() defaultImage? = 'data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2293%22%20height%3D%22120%22%20viewBox%3D%220%200%2093%20120%22%20preserveAspectRatio%3D%22none%22%3E%3C!--%0ASource%20URL%3A%20holder.js%2F93x120%3Ftext%3DNo%20Thumbnail%0ACreated%20with%20Holder.js%202.8.2.%0ALearn%20more%20at%20http%3A%2F%2Fholderjs.com%0A(c)%202012-2015%20Ivan%20Malopinsky%20-%20http%3A%2F%2Fimsky.co%0A--%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C!%5BCDATA%5B%23holder_1543e460b05%20text%20%7B%20fill%3A%23AAAAAA%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%5D%5D%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1543e460b05%22%3E%3Crect%20width%3D%2293%22%20height%3D%22120%22%20fill%3D%22%23EEEEEE%22%2F%3E%3Cg%3E%3Ctext%20x%3D%2235.6171875%22%20y%3D%2257%22%3ENo%3C%2Ftext%3E%3Ctext%20x%3D%2210.8125%22%20y%3D%2272%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'; + @Input() defaultImage? = 'data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2293%22%20height%3D%22120%22%20viewBox%3D%220%200%2093%20120%22%20preserveAspectRatio%3D%22none%22%3E%3C!--%0ASource%20URL%3A%20holder.js%2F93x120%3Ftext%3DNo%20Thumbnail%0ACreated%20with%20Holder.js%202.8.2.%0ALearn%20more%20at%20http%3A%2F%2Fholderjs.com%0A(c)%202012-2015%20Ivan%20Malopinsky%20-%20http%3A%2F%2Fimsky.co%0A--%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C!%5BCDATA%5B%23holder_1543e460b05%20text%20%7B%20fill%3A%23AAAAAA%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%5D%5D%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1543e460b05%22%3E%3Crect%20width%3D%2293%22%20height%3D%22120%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cg%3E%3Ctext%20x%3D%2235.6171875%22%20y%3D%2257%22%3ENo%3C%2Ftext%3E%3Ctext%20x%3D%2210.8125%22%20y%3D%2272%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'; errorHandler(event) { event.currentTarget.src = this.defaultImage; diff --git a/src/styles/themes/_custom_variables.mantis.scss b/src/styles/themes/_custom_variables.mantis.scss index 6e640ec6e4..1be25e953f 100644 --- a/src/styles/themes/_custom_variables.mantis.scss +++ b/src/styles/themes/_custom_variables.mantis.scss @@ -1,2 +1,2 @@ $banner-text-background: rgba(0, 0, 0, 0.35); -$banner-background-gradient-width: 300px; \ No newline at end of file +$banner-background-gradient-width: 300px;