diff options
author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2018-08-27 00:45:15 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-08-27 00:45:15 +0300 |
commit | 7fa07ac4959ac97efbe63e30cce0dc1cda91604d (patch) | |
tree | 0c2fcabb25e6bc126845ef53f39a2d4f2d05f388 | |
parent | 0cccfcb0e00d031629f87af782dc815702c16dc6 (diff) | |
parent | 501299e848fc774faabbe9b498647e1a9472ba89 (diff) |
Merge pull request #1159 from nextcloud/feature/noid/a11y
Fix some a11y issues
-rw-r--r-- | css/comments.scss | 9 | ||||
-rw-r--r-- | css/style.scss | 14 | ||||
-rw-r--r-- | js/views/callinfoview.js | 2 |
3 files changed, 17 insertions, 8 deletions
diff --git a/css/comments.scss b/css/comments.scss index 8b6c511f4..4444a6f7b 100644 --- a/css/comments.scss +++ b/css/comments.scss @@ -171,7 +171,7 @@ body:not(#body-public) #commentsTabView .comment .authorRow:not(.currentUser):no #commentsTabView .comment .author, #commentsTabView .comment .date { - opacity: .5; + color: var(--color-text-maxcontrast); } #commentsTabView .comment .author { margin-left: 5px; @@ -277,6 +277,10 @@ body:not(#body-public) #commentsTabView .comment .authorRow:not(.currentUser):no } } +#commentsTabView .comment.systemMessage .message .mention-user { + color: var(--color-main-text); +} + /* System messages have no author, so the author row only contains the date. * Instead of showing the date on its own row and the message below it the * message and the date are merged in a single row using flexboxes. */ @@ -295,8 +299,7 @@ body:not(#body-public) #commentsTabView .comment .authorRow:not(.currentUser):no #commentsTabView .comment.systemMessage .message { order: 0; flex-grow: 1; - - opacity: .5; + color: var(--color-text-maxcontrast); } body:not(#body-public) #commentsTabView .comment:not(.newCommentRow) .message .mention-user:not(.current-user) { diff --git a/css/style.scss b/css/style.scss index b77c0aab5..ac36f077c 100644 --- a/css/style.scss +++ b/css/style.scss @@ -89,6 +89,7 @@ #oca-spreedme-add-room .select2-container .select2-choice, .oca-spreedme-add-person .select2-container .select2-choice { border: none; + color: var(--color-text-maxcontrast) !important; } #oca-spreedme-add-room .select2-arrow, .oca-spreedme-add-person .select2-arrow { @@ -924,7 +925,7 @@ video { } .participantWithList .participant-moderator-indicator { - opacity: .5; + color: var(--color-text-maxcontrast); font-weight: 300; padding-left: 5px; } @@ -932,13 +933,18 @@ video { .participantWithList .icon { width: 16px; display: inline-block; - opacity: 0.4; + opacity: .4; margin-left: 5px; margin-bottom: -4px; } -.participantWithList .participant-offline > a { - opacity: .5; +.participantWithList .participant-offline { + & > a { + color: var(--color-text-maxcontrast); + } + .avatar { + opacity: .4; + } } .participantWithList li { diff --git a/js/views/callinfoview.js b/js/views/callinfoview.js index d2f2ee99f..663fb3b63 100644 --- a/js/views/callinfoview.js +++ b/js/views/callinfoview.js @@ -167,7 +167,7 @@ }, extraClassNames: 'room-name', - labelTagName: 'h3', + labelTagName: 'h2', inputMaxLength: '200', inputPlaceholder: t('spreed', 'Name'), labelPlaceholder: t('spreed', 'Conversation name'), |