@@ -27,10 +27,15 @@
}
+ .block__icons {
+ min-height: auto;
+ padding: 4px 8px;
+ }
+
.b3-text-field--text {
cursor: pointer;
transition: var(--b3-transition);
- height: 34px;
+ min-height: 34px;
background-color: transparent;
&:hover {
@@ -9,7 +9,7 @@ export const genAVValueHTML = (value: IAVCellValue) => {
let html = "";
switch (value.type) {
case "text":
- html = `<input value="${value.text.content}" class="b3-text-field b3-text-field--text fn__flex-1">`;
+ html = `<textarea rows="${value.text.content.split('\n').length}" class="b3-text-field b3-text-field--text fn__flex-1">${value.text.content}</textarea>`;
break;
case "number":
html = `<input value="${value.number.content}" type="number" class="b3-text-field b3-text-field--text fn__flex-1">`;