diff options
author | Chocobozzz <me@florianbigard.com> | 2018-07-17 14:44:19 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-07-17 14:56:15 +0200 |
commit | 0f7fedc39857ebc0eb29182c1588a92b9adfb75a (patch) | |
tree | f1516e93a93d1042bbc4d14d10575b88cae6bba1 /client/src/app/shared/misc/help.component.ts | |
parent | 4bdd9473fdecfa7e309e3c59b05b29d0a20ac397 (diff) | |
download | PeerTube-0f7fedc39857ebc0eb29182c1588a92b9adfb75a.tar.gz PeerTube-0f7fedc39857ebc0eb29182c1588a92b9adfb75a.tar.zst PeerTube-0f7fedc39857ebc0eb29182c1588a92b9adfb75a.zip |
Improve frontend accessibility
In particular checkboxes, likes/dislikes, share button, video thumbnails
and help buttons
Diffstat (limited to 'client/src/app/shared/misc/help.component.ts')
-rw-r--r-- | client/src/app/shared/misc/help.component.ts | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/client/src/app/shared/misc/help.component.ts b/client/src/app/shared/misc/help.component.ts index e7af61b4a..ba0452e77 100644 --- a/client/src/app/shared/misc/help.component.ts +++ b/client/src/app/shared/misc/help.component.ts | |||
@@ -15,6 +15,7 @@ export class HelpComponent implements OnInit, OnChanges { | |||
15 | @Input() helpType: 'custom' | 'markdownText' | 'markdownEnhanced' = 'custom' | 15 | @Input() helpType: 'custom' | 'markdownText' | 'markdownEnhanced' = 'custom' |
16 | @Input() tooltipPlacement = 'right' | 16 | @Input() tooltipPlacement = 'right' |
17 | 17 | ||
18 | isPopoverOpened = false | ||
18 | mainHtml = '' | 19 | mainHtml = '' |
19 | 20 | ||
20 | constructor (private i18n: I18n) { } | 21 | constructor (private i18n: I18n) { } |
@@ -27,6 +28,14 @@ export class HelpComponent implements OnInit, OnChanges { | |||
27 | this.init() | 28 | this.init() |
28 | } | 29 | } |
29 | 30 | ||
31 | onPopoverHidden () { | ||
32 | this.isPopoverOpened = false | ||
33 | } | ||
34 | |||
35 | onPopoverShown () { | ||
36 | this.isPopoverOpened = true | ||
37 | } | ||
38 | |||
30 | private init () { | 39 | private init () { |
31 | if (this.helpType === 'custom') { | 40 | if (this.helpType === 'custom') { |
32 | this.mainHtml = this.customHtml | 41 | this.mainHtml = this.customHtml |