Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Studio+UX: various UX tweaks after usertesting

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-11-03 02:04:42 +01:00
parent 4219b23af1
commit 3a915bdf25
31 changed files with 2476 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1133,10 +1133,6 @@ video {
height: 16rem;
}
.h-96 {
height: 24rem;
}
.max-h-12 {
max-height: 3rem;
}
@ -1149,10 +1145,6 @@ video {
max-height: 1.75rem;
}
.max-h-screen {
max-height: 100vh;
}
.max-h-60 {
max-height: 15rem;
}
@ -1808,6 +1800,10 @@ video {
text-align: justify;
}
.align-middle {
vertical-align: middle;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
@ -2481,6 +2477,37 @@ select:hover {
border: 2px dotted #ff9143;
}
.warning {
/* The class to convey important information, but not as grave as 'alert' */
background-color: var(--low-interaction-background);
color: var(--alert-foreground-color);
font-weight: bold;
border-radius: 1em;
margin: 0.25em;
text-align: center;
padding: 0.15em 0.3em;
border: 3px dotted #ff9143;
}
.low-interaction .warning {
background-color: var(--interactive-background);
}
.information {
/* The class to convey important information which does _not_ denote an error... */
background-color: var(--low-interaction-background);
color: var(--alert-foreground-color);
border-radius: 1em;
margin: 0.25em;
text-align: center;
padding: 0.15em 0.3em;
border: 3px dotted var(--catch-detail-color-contrast);
}
.low-interaction .interactive {
background-color: var(--interactive-background);
}
.subtle {
/* For all information that is not important for 99% of the users */
color: #999;
@ -2684,6 +2711,10 @@ a.link-underline {
overflow-y: hidden;
}
.min-h-32 {
min-height: 8rem;
}
.hover\:bg-indigo-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(199 210 254 / var(--tw-bg-opacity));
@ -2923,5 +2954,3 @@ a.link-underline {
width: 33.333333%;
}
}