midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

A11y: move buttons into fields

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-12-26 22:30:27 +01:00
parent 30c9034e7b
commit 1b10f1f64d
23 changed files with 529 additions and 414 deletions
Download patch file Download diff file Expand all files Collapse all files

89
public/css/index-tailwind-output.css
View file

@ -1118,14 +1118,14 @@ video {
height: 50%;
}
.h-3 {
height: 0.75rem;
}
.h-7 {
height: 1.75rem;
}
.h-3 {
height: 0.75rem;
}
.h-11 {
height: 2.75rem;
}
@ -1142,18 +1142,6 @@ video {
height: 12rem;
}
.h-56 {
height: 14rem;
}
.h-20 {
height: 5rem;
}
.h-10 {
height: 2.5rem;
}
.h-40 {
height: 10rem;
}
@ -1162,10 +1150,22 @@ video {
height: 16rem;
}
.h-10 {
height: 2.5rem;
}
.h-80 {
height: 20rem;
}
.h-56 {
height: 14rem;
}
.h-20 {
height: 5rem;
}
.max-h-12 {
max-height: 3rem;
}
@ -1178,10 +1178,6 @@ video {
max-height: 16rem;
}
.max-h-7 {
max-height: 1.75rem;
}
.max-h-60 {
max-height: 15rem;
}
@ -1228,14 +1224,14 @@ video {
width: 1rem;
}
.w-3 {
width: 0.75rem;
}
.w-7 {
width: 1.75rem;
}
.w-3 {
width: 0.75rem;
}
.w-11 {
width: 2.75rem;
}
@ -1614,11 +1610,6 @@ video {
border-radius: 0.125rem;
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
@ -1634,6 +1625,11 @@ video {
border-bottom-left-radius: 0.25rem;
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-tl {
border-top-left-radius: 0.25rem;
}
@ -1843,6 +1839,11 @@ video {
padding-right: 0.75rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
@ -2317,6 +2318,14 @@ input[type=text] {
width: 100%;
}
.debug input, .debug textarea {
border: 6px solid red
}
.debug label input, .debug label textarea {
border: 1px solid grey;
}
/************************* BIG CATEGORIES ********************************/
/**
@ -2490,6 +2499,12 @@ button.link:hover {
fill: var(--foreground-color) !important;
}
.neutral-label{
/** This label styles as normal text. It's power comes from the many :not(.neutral-label) entries.
* Placed here for autocompletion
*/
}
label:not(.neutral-label) {
/**
* Label should _contain_ the input element
@ -2924,14 +2939,6 @@ a.link-underline {
margin-right: 1rem;
}
.sm\:mr-2 {
margin-right: 0.5rem;
}
.sm\:flex {
display: flex;
}
.sm\:h-24 {
height: 6rem;
}
@ -2948,14 +2955,6 @@ a.link-underline {
flex-wrap: nowrap;
}
.sm\:items-stretch {
align-items: stretch;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:border-4 {
border-width: 4px;
}