github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-22 04:01:18 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

A11Y: Add clearer focus states for date picker elements (#17890)

Browse Source 
Affects date dropdowns, prev/next month arrows and day grid.
This commit is contained in:
Penar Musaraj
2022-08-15 14:50:07 -04:00
committed by GitHub
parent 5043669d05
commit 0d6fd1a606
2 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
View File

@ -180,6 +180,16 @@ div[data-tippy-root] {
.date-time {
color: var(--primary-medium);
background: var(--primary-very-low);
padding: 1em 0.5em 1em 2em;
border: 0;
outline: none;
flex: 1;
@include ellipsis;
width: 100%;
justify-content: flex-start;
&:focus {
background-color: var(--tertiary-50);
}
}
.d-icon {
@ -203,16 +213,6 @@ div[data-tippy-root] {
color: var(--primary-high);
border-radius: 0 0 5px 0;
}
.date-time {
padding: 1em 0.5em 1em 2em;
border: 0;
outline: none;
flex: 1;
@include ellipsis;
width: 100%;
justify-content: flex-start;
}
}
.inputs-panel {