1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-10-01 08:20:46 +00:00

Testcase appearance tweaks

This commit is contained in:
jeremy@jermolene.com 2023-04-10 22:00:28 +01:00
parent ca7584209d
commit da2d0be9f7
3 changed files with 17 additions and 8 deletions

View File

@ -12,6 +12,8 @@ title: $:/core/ui/testcases/DefaultTemplate
<div class="tc-testcase-source">
<$macrocall $name="tabs" tabsList="[<testcaseInfo>jsonget[titles]] -Description -ExpectedResult -[has[plugin-type]]" state=<<state>> default="Output" template="$:/core/ui/testcases/DefaultTemplate/Source"/>
</div>
<div class="tc-testcase-divider">
</div>
<div class="tc-testcase-output">
<$testcase-transclude tiddler="Output"/>
</div>

View File

@ -1,5 +1,3 @@
title: $:/core/ui/testcases/DefaultTemplate/Source
<pre>
<$testcase-view tiddler=<<currentTab>>/>
</pre>
<pre><$testcase-view tiddler=<<currentTab>>/></pre>

View File

@ -3163,7 +3163,7 @@ select {
.tc-testcase-wrapper {
border: 1px solid <<colour foreground>>;
background-color: <<colour muted-foreground>>;
border-radius: 3px;
border-radius: 6px;
}
.tc-testcase-header {
@ -3190,15 +3190,24 @@ select {
}
.tc-testcase-source {
border: 1px solid <<colour background>>;
flex: 1 0 50%;
flex: 1 0 49%;
min-width: 250px;
}
.tc-testcase-divider {
flex: 0 0 2%;
}
.tc-testcase-source .tc-tab-buttons {
padding-top: 0;
}
.tc-testcase-output {
border: 1px solid <<colour background>>;
flex: 1 0 50%;
border-radius: 3px;
border: 1px solid <<colour muted-foreground>>;
flex: 1 0 49%;
min-width: 250px;
padding: 0.25em;
}