Tabs overwriting edit-text CSS

#1

Hi, I have used Eric’s fix to get edit-text areas full width. Great stuff.

But I am finding that if I transclude a tiddler with an edit-text area in a tab, the area does not dislay full width anymore.

Is there some CSS fix for this? I have tried various combinations of textarea.wideedit and .tc-tab-content in my stylesheet, to no avail.

#2

I should note that I managed to discard about 5 or 6 previous questions, having figured out the answers on my own. On a roll today, but the roll just stopped.

1 Like
#3

Please provide a link, so we actually know what the CSS looks like.

#4
#5

I meant to link to the whole thread, not just its initial post…

#6

Adding .tc-body to the selector seems to work…

<div style="height:20vh;">
<style>.tc-body .wideEdit { width:100%; } </style>
<$edit-text field="related" tag="textarea" class="wideEdit" minHeight=80% />
</div>

TextboxInTabs
TextboxInTabs880×881 21.6 KB

#7

Thanks Brian! I will try it out in the morning. Blessings.

#8

Thanks Brian, I had used wideedit as a span class around the tabs, and based on your example I changed it to a div class and it works great!