mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-11-18 00:05:15 +00:00
Code Issues Releases Wiki Activity

Improve plugin tab layout

Browse Source 
It’s still a bit of a mess, and the vertical alignment isn’t working
properly
This commit is contained in:
Jermolene
2014-08-08 10:01:21 +01:00
parent d01efe8698
commit bd92dc3692
2 changed files with 45 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
core/ui/ControlPanel/Plugins.tid
View File

@@ -14,23 +14,10 @@ $(currentTiddler)$/icon
\end \end
\define plugin-table(type) \define plugin-table(type)
<$set name="qualified-state" value=<<qualify "$:/state/plugin-info">>> <$set name="qualified-state" value=<<qualify "$:/state/plugin-info">>>
<table>
<tbody>
<tr>
<th>
&nbsp;
</th>
<th>
<<lingo Fields/Description>>
</th>
<th>
<<lingo Fields/Version>>
</th>
</tr>
<$list filter="[!has[draft.of]plugin-type[$type$]sort[description]]"> <$list filter="[!has[draft.of]plugin-type[$type$]sort[description]]">
<$set name="popup-state" value=<<popup-state-macro>>> <$set name="popup-state" value=<<popup-state-macro>>>
<tr> <div class="tw-plugin-info">
<td> <div class="tw-plugin-info-dropdown-button">
<$reveal type="nomatch" state=<<popup-state>> text="yes"> <$reveal type="nomatch" state=<<popup-state>> text="yes">
<$button class="btn-invisible btn-dropdown" set=<<popup-state>> setTo="yes"> <$button class="btn-invisible btn-dropdown" set=<<popup-state>> setTo="yes">
{{$:/core/images/right-arrow}} {{$:/core/images/right-arrow}}
@@ -41,34 +28,42 @@ $(currentTiddler)$/icon
{{$:/core/images/down-arrow}} {{$:/core/images/down-arrow}}
</$button> </$button>
</$reveal> </$reveal>
</td> </div>
<td> <$link to={{!!title}} class="tw-plugin-info-link">
<$link to={{!!title}}> <div>
<$transclude tiddler=<<currentTiddler>> subtiddler=<<plugin-icon-title>>/> <div style="display:inline-block;">
''<$view field="description"><$view field="title"/></$view>''<br> <$transclude tiddler=<<currentTiddler>> subtiddler=<<plugin-icon-title>>>
<$view field="title"/> <$transclude tiddler="$:/core/images/plugin-generic-$type$"/>
</$link> </$transclude>
</td> </div>
<td> <div style="display:inline-block;">
<div>
''<$view field="description"><$view field="title"/></$view>''
</div>
<div>
<$view field="title"/><br>
</div>
<div>
<$view field="version"/> <$view field="version"/>
</td> </div>
</tr> </div>
<tr> </div>
<td colspan="3"> </$link>
<$reveal type="match" text="yes" state=<<popup-state>>> <$reveal type="match" text="yes" state=<<popup-state>>>
<$reveal type="nomatch" text="" state="!!list"> <$reveal type="nomatch" text="" state="!!list">
<div class="tw-plugin-info-dropdown">
<$macrocall $name="tabs" state=<<tabs-state-macro>> tabsList={{!!list}} default="readme" template="$:/core/ui/PluginInfo"/> <$macrocall $name="tabs" state=<<tabs-state-macro>> tabsList={{!!list}} default="readme" template="$:/core/ui/PluginInfo"/>
</div>
</$reveal> </$reveal>
<$reveal type="match" text="" state="!!list"> <$reveal type="match" text="" state="!!list">
<$transclude tiddler="$:/core/ui/TiddlerInfo/Advanced/PluginInfo"/> <div class="tw-plugin-info-dropdown">
No information provided
</div>
</$reveal> </$reveal>
</$reveal> </$reveal>
</td> </div>
</tr>
</$set> </$set>
</$list> </$list>
</tbody>
</table>
</$set> </$set>
\end \end

17
themes/tiddlywiki/vanilla/base.tid
View File

@@ -1238,6 +1238,23 @@ canvas.tw-edit-bitmapeditor {
width: 100%; width: 100%;
} }
.tw-plugin-info {
vertical-align: middle;
border: 1px solid <<colour muted-foreground>>;
margin: 1em 0 1em 0;
padding: 8px;
}
.tw-plugin-info img, .tw-plugin-info svg {
width: 3em;
height: 3em;
}
.tw-plugin-info .tw-plugin-info-dropdown-button,
.tw-plugin-info .tw-tiddlylink {
display: inline-block;
}
/* /*
** Message boxes ** Message boxes
*/ */