+
ALT
diff --git a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss
index f270e80a..44a95067 100644
--- a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss
+++ b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.scss
@@ -29,6 +29,24 @@
opacity: 1;
cursor: pointer;
}
+
+ &__alt {
+ display: inline;
+ color: white;
+
+ z-index: 10;
+
+ position: absolute;
+ bottom: 5px;
+ left: 5px;
+
+ font-size: 10px;
+ font-weight: bolder;
+
+ background-color: rgba($color: #000000, $alpha: 0.5);
+ border-radius: 3px;
+ padding: 2px 5px;
+ }
}
img,
diff --git a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts
index 052cc501..2568f66b 100644
--- a/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts
+++ b/src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts
@@ -1,6 +1,7 @@
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { faLink } from "@fortawesome/free-solid-svg-icons";
+import { SettingsService } from '../../../../../services/settings.service';
import { Attachment } from '../../../../../services/models/mastodon.interfaces';
@Component({
@@ -10,11 +11,16 @@ import { Attachment } from '../../../../../services/models/mastodon.interfaces';
})
export class AttachementImageComponent implements OnInit {
faLink = faLink;
+ displayAltLabel: boolean;
@Input() attachment: Attachment;
@Output() openEvent = new EventEmitter();
- constructor() { }
+ constructor(
+ private readonly settingsService: SettingsService
+ ) {
+ this.displayAltLabel = this.settingsService.getSettings().enableAltLabel;
+ }
ngOnInit() {
}
diff --git a/src/app/states/settings.state.ts b/src/app/states/settings.state.ts
index 84a4c104..03e2543d 100644
--- a/src/app/states/settings.state.ts
+++ b/src/app/states/settings.state.ts
@@ -85,6 +85,8 @@ export class GlobalSettings {
configuredLanguages: ILanguage[] = [];
selectedLanguage: ILanguage;
disableLangAutodetec: boolean;
+
+ enableAltLabel: boolean;
}
export interface ILanguage {
@@ -183,6 +185,7 @@ export class SettingsState {
newSettings.configuredLanguages = oldSettings.configuredLanguages;
newSettings.selectedLanguage = oldSettings.selectedLanguage;
newSettings.disableLangAutodetec = oldSettings.disableLangAutodetec;
+ newSettings.enableAltLabel = oldSettings.enableAltLabel;
return newSettings;
}