Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

views/month-cell: Add focus styling

Browse Source 
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/564>
This commit is contained in:
Hari Rana
2026-03-03 18:35:17 -05:00
parent e88f77802b
commit d76d37dff2
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/style.css
+11 -2
View File
@@ -271,9 +271,12 @@ monthcell {
box-shadow: box-shadow:
0 -1px var(--border-color), 0 -1px var(--border-color),
var(--offset) 0 var(--border-color); var(--offset) 0 var(--border-color);
transition:
transition: background-color 200ms; background-color 200ms,
var(--focus-ring-transition);
background-color: var(--bg-color); background-color: var(--bg-color);
outline: 0 solid transparent;
outline-offset: 4px;
} }
monthcell .overflow { monthcell .overflow {
@@ -310,6 +313,12 @@ monthcell:hover {
background-color: rgb(from var(--bg-color) r g b / calc(alpha + 3.75%)); background-color: rgb(from var(--bg-color) r g b / calc(alpha + 3.75%));
} }
monthcell:focus:focus-visible {
outline-color: var(--focus-ring-color);
outline-width: 2px;
outline-offset: -2px;
}
/* Selected */ /* Selected */
monthcell:selected { monthcell:selected {
background-color: background-color: