
I want to put this textarea into a row on a repeating table. Bigger notes section. HTML <div class="sheet-row sheet-row-details">
<div class="ritualdescription">
<div class="sheet-cell sheet-col0 sheet-label">
Notes
</div>
<div class="sheet-cell sheet-col1">
<textarea name="attr_ritualnotes" title="@{repeating_rituals_$X_notes}" placeholder="notes" ></textarea>
</div>
</div>
</div>
The sheet-row-details is tied to a sheet-toggle that display/hides the row. I want the row (and box) to expand to allow for multi-line entry in the textarea. CSS .sheet-rituals { width: calc(100% - 0.4em); resize: vertical ; overflow: initial;}
.sheet-rituals .sheet-col0 { width: calc(100% - 242px) ; }
.sheet-rituals .sheet-col1 { width: 22px; } /* Roll Button */
.sheet-rituals .sheet-col2 { width: 60px; }
.sheet-rituals .sheet-col3 { width: 40px; }
.sheet-rituals .sheet-col8 { width: 60px; }
.sheet-rituals .sheet-col9 { width: 60px; }
.sheet-ritualdescription .sheet-row { min-height: 22px;}
.sheet-ritualdescription .sheet-row .sheet-col110 { width: calc(100% - 0.4em); min-height:22px;}
.sheet-rituals .sheet-ritualdescription .sheet-row .sheet-col110 textarea { width: 790px;
padding: 8px;
min-height: 22px;
resize: auto;}
This is on the GURPS Sheet. I am reworking it to include Ritual Path Magic.