44 lines
1.0 KiB
CSS
44 lines
1.0 KiB
CSS
/*
|
|
This program has been developed by students from the bachelor Computer Science at Utrecht
|
|
University within the Software Project course.
|
|
© Copyright Utrecht University (Department of Information and Computing Sciences)
|
|
*/
|
|
.text-field {
|
|
border: 1px solid transparent;
|
|
border-radius: 5pt;
|
|
padding: 4px 8px;
|
|
max-width: 50vw;
|
|
min-width: 10vw;
|
|
outline: none;
|
|
background-color: canvas;
|
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
cursor: text;
|
|
}
|
|
|
|
.text-field.invalid {
|
|
border-color: red;
|
|
color: red;
|
|
}
|
|
|
|
.text-field:focus:not(.invalid) {
|
|
border-color: color-mix(in srgb, canvas, #777 10%);
|
|
}
|
|
|
|
.text-field:read-only {
|
|
cursor: pointer;
|
|
background-color: color-mix(in srgb, canvas, #777 5%);
|
|
}
|
|
|
|
.text-field:read-only:hover:not(.invalid) {
|
|
border-color: color-mix(in srgb, canvas, #777 10%);
|
|
}
|
|
|
|
.multiline {
|
|
resize: none; /* no manual resizing */
|
|
line-height: 1.4;
|
|
white-space: pre-wrap;
|
|
overflow: hidden; /* needed for auto-grow */
|
|
max-width: 100%;
|
|
width: 95%;
|
|
min-width: 95%;
|
|
} |