mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-03-24 09:30:17 +01:00
Code Issues Projects Releases Wiki Activity

MDL-65577 forum: move forum focus outline onto post div

Browse Source
This commit is contained in:
Ryan Wyllie 2019-05-14 11:56:33 +08:00
parent b742fe1403
commit f2eb9de442
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
mod/forum/styles.css
View File

@ -342,10 +342,19 @@ span.unread {
font-size: 80%;
}
.forum-post-container:focus {
outline: 0;
}
/* This style is copied directly from the Bootstrap reboot file which adds button outline */
/* stylelint-disable declaration-block-no-duplicate-properties */
.post-actions .btn:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.forum-post-container:focus > .focus-target {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/* stylelint-enable declaration-block-no-duplicate-properties */

4
mod/forum/templates/forum_discussion_post.mustache
View File

@ -31,7 +31,7 @@
}}
<article
id="p{{id}}"
class="relativelink mb-2"
class="forum-post-container mb-2"
data-post-id="{{id}}"
data-region="post"
data-target="{{id}}-target"
@ -41,7 +41,7 @@
>
<!-- The firstpost and starter classes below aren't used for anything other than to identify the first post in behat -->
<div
class="d-flex border p-2 mb-2 forumpost {{#unread}}unread{{/unread}} {{#firstpost}}firstpost starter{{/firstpost}}"
class="d-flex border p-2 mb-2 forumpost focus-target {{#unread}}unread{{/unread}} {{#firstpost}}firstpost starter{{/firstpost}}"
aria-label='{{#str}} postbyuser, mod_forum, {"post": "{{subject}}", "user": "{{author.fullname}}"} {{/str}}'
data-post-id="{{id}}" data-content="forum-post"
>