andras/reconcile
andras/reconcile
Watch
1
0
Fork
You've already forked reconcile
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

Show textarea as editable

Browse source
This commit is contained in:
Andras Schmelczer 2026-10-28 23:59:33 +00:00
commit e1b5ae7835
1 changed files with 51 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

41
examples/website/src/style.scss
View file

@ -272,6 +272,22 @@ label {
cursor: help;
}
.input-label {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
cursor: text;
}
.edit-hint {
color: $text-secondary;
font-size: 0.75rem;
font-weight: 400;
white-space: nowrap;
}
.box {
width: 1ch;
height: 1ch;
@ -283,18 +299,39 @@ label {
textarea {
width: 100%;
border: none;
border: 1px solid $border-grey;
border-radius: 6px;
padding: 8px 10px;
background: $light-bg;
font-size: 1rem;
font-family: inherit;
color: $text-primary;
box-sizing: border-box;
resize: none;
outline: none;
cursor: text;
user-select: text;
caret-color: $primary-blue;
outline: 2px solid transparent;
outline-offset: 2px;
transition:
border-color 0.15s,
background-color 0.15s,
outline-color 0.15s;
margin-bottom: 0;
field-sizing: content;
/* Doesn't work in Safari yet */
}
textarea:hover {
border-color: $primary-blue;
}
textarea:focus {
border-color: $primary-blue;
background: $white;
outline-color: selection-colour($primary-blue, 0.3);
}
#merged {
width: 100%;
user-select: text;