pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 11:31:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

Enhance website accessibility and improve user interface elements

Browse Source 
Introduce ARIA attributes, improve focus management, and refine UI element styling for better accessibility and user experience across the application.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c446bc9e-66df-438c-a86c-f53e6da13649
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
This commit is contained in:
pac7
2025-09-23 22:25:16 +00:00
parent d978217577
commit 6391b3d81c
9 changed files with 189 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
static/css/tailwind.css
View File

@@ -809,9 +809,6 @@
.min-h-20 {
min-height: calc(var(--spacing) * 20);
}
.min-h-\[24px\] {
min-height: 24px;
}
.min-h-\[44px\] {
min-height: 44px;
}
@@ -947,9 +944,6 @@
.min-w-16 {
min-width: calc(var(--spacing) * 16);
}
.min-w-\[24px\] {
min-width: 24px;
}
.min-w-\[44px\] {
min-width: 44px;
}
@@ -3091,6 +3085,11 @@
left: calc(var(--spacing) * 4);
}
}
.focus\:left-32 {
&:focus {
left: calc(var(--spacing) * 32);
}
}
.focus\:z-50 {
&:focus {
z-index: 50;
@@ -3162,6 +3161,11 @@
--tw-ring-color: var(--color-blue-500);
}
}
.focus\:ring-gray-500 {
&:focus {
--tw-ring-color: var(--color-gray-500);
}
}
.focus\:ring-green-500 {
&:focus {
--tw-ring-color: var(--color-green-500);
@@ -3193,6 +3197,12 @@
--tw-ring-color: var(--color-yellow-500);
}
}
.focus\:ring-offset-1 {
&:focus {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
}
.focus\:ring-offset-2 {
&:focus {
--tw-ring-offset-width: 2px;
@@ -3215,6 +3225,11 @@
outline-style: none;
}
}
.focus\:ring-inset {
&:focus {
--tw-ring-inset: inset;
}
}
.focus-visible\:ring-2 {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3371,6 +3386,11 @@
min-height: calc(var(--spacing) * 0);
}
}
.sm\:min-h-\[32px\] {
@media (width >= 40rem) {
min-height: 32px;
}
}
.sm\:min-h-\[400px\] {
@media (width >= 40rem) {
min-height: 400px;
@@ -3406,9 +3426,9 @@
width: auto;
}
}
.sm\:min-w-0 {
.sm\:min-w-\[32px\] {
@media (width >= 40rem) {
min-width: calc(var(--spacing) * 0);
min-width: 32px;
}
}
.sm\:flex-1 {