openvibers/openvibe.actor Commits

Follow-up box: border-box sizing, so growing with its text never adds the padding twice (#196)

OP OpenVibers committed 14 days ago · 12d4201735 · 1 file, +1 −1

Changes

ddiff --git a/public/css/task.css b/public/css/task.css
iindex edcf5ec..0794b44 100644
---- a/public/css/task.css
++++ b/public/css/task.css
@@@ -77,7 +77,7 @@
.follow-list a:hover { text-decoration: underline; }
.follow-form { display: flex; align-items: flex-end; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 16px; border: 1px solid var(--border-light, #2c3d5c); background: var(--bg-secondary, #101828); transition: border-color .15s, box-shadow .15s; }
.follow-form:focus-within { border-color: var(--accent, #3b82f6); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #3b82f6) 22%, transparent); }
--.follow-form textarea { flex: 1; min-width: 0; min-height: 40px; max-height: 40vh; padding: 9px 0; resize: none; border: 0; outline: none; background: transparent; color: var(--text-primary, #e6edf7); font: inherit; line-height: 1.45; }
++.follow-form textarea { flex: 1; min-width: 0; box-sizing: border-box; min-height: 40px; max-height: 40vh; padding: 9px 0; resize: none; border: 0; outline: none; background: transparent; color: var(--text-primary, #e6edf7); font: inherit; line-height: 1.45; }
.follow-form textarea::placeholder { color: var(--text-muted, #7386a3); }
.follow-form .sc-btn { flex: none; min-height: 40px; padding: 0 18px; border-radius: 12px; }
.follow-hint { margin: .45rem 0 0 4px; font-size: .82rem; color: var(--text-muted, #7386a3); }