Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Improve new room header accessibility #12725

Merged
merged 5 commits into from
Jul 8, 2024
Merged

Improve new room header accessibility #12725

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
cb4ade9
Fix room header topic not showing on keyboard navigation whilst still…
t3chguy Jul 4, 2024
0f17ee6
Fix keyboard activation of the room header FacePile
t3chguy Jul 4, 2024
5c59bdb
Fix label on room header facepile
t3chguy Jul 4, 2024
4185a40
Comment
t3chguy Jul 5, 2024
5058f80
Update src/components/views/elements/FacePile.tsx
t3chguy Jul 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 9 additions & 6 deletions res/css/views/rooms/_RoomHeader.pcss
View file
Open in desktop
richvdh marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
Expand Up @@ -74,14 +74,17 @@ limitations under the License.
}
}

.mx_RoomHeader:hover .mx_RoomHeader_topic {
/* height needed to compute the transition, it equals to the `line-height`
.mx_RoomHeader:hover,
.mx_RoomHeader:focus-within {
.mx_RoomHeader_topic {
/* height needed to compute the transition, it equals to the `line-height`
value in pixels */
height: calc($font-13px * 1.5);
opacity: 1;
height: calc($font-13px * 1.5);
opacity: 1;

a:hover {
text-decoration: underline;
a:hover {
text-decoration: underline;
}
}
}

Expand Down