mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-06-25 14:43:01 +00:00
Code Issues Releases Wiki Activity

Style tweaks for the field editor

Browse Source
This commit is contained in:
Jeremy Ruston 2013-06-08 17:31:13 +01:00
parent aeb8d0d1e6
commit 58a1a46ce4
4 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
core/ui/EditTemplate.tid
View File

@ -29,11 +29,10 @@ modifier: JeremyRuston
<$edit field="text"/> <$edit field="text"/>
</$reveal> </$reveal>
<$fieldmangler> <$fieldmangler><div class="tw-edit-fields"><$fieldlist exclude="title tags text modified modifier draft.title draft.of"><div class="tw-edit-field"><span class="tw-edit-field-name"><$info type="currentField"/>:</span> <span class="tw-edit-field-value"><$edit placeholder="field value"/></span> <span class="tw-edit-field-remove"><$button message="tw-remove-field" class="btn-invisible">{{$:/core/images/delete-button}}</$button></span></div>
<$fieldlist exclude="title tags text modified modifier draft.title draft.of">
<span class="tw-edit-field-name"><$info type="currentField"/>:</span> <span class="tw-edit-field-value"><$edit/></span> <span class="tw-edit-field-remove"><$button message="tw-remove-field" class="">remove</$button></span>
</$fieldlist> </$fieldlist>
</div>
<div class="tw-edit-field-add">Add a new field: <span class="tw-edit-field-add-name"><$edit tiddler="$:/NewFieldName" type="input" default=""/></span> <span class="tw-edit-field-add-button"><$button message="tw-add-field" param={{$:/NewFieldName}} set="$:/NewFieldName" setTo="" class="">add</$button></span></div> <div class="tw-edit-field-add">Add a new field: <span class="tw-edit-field-add-name"><$edit tiddler="$:/NewFieldName" type="input" default="" placeholder="field name"/></span> <span class="tw-edit-field-add-button"><$button message="tw-add-field" param={{$:/NewFieldName}} set="$:/NewFieldName" setTo="" class="">add</$button></span></div>
</$fieldmangler> </$fieldmangler>

19
themes/tiddlywiki/snowwhite/base.tid
View File

@ -63,6 +63,7 @@ html {
body { body {
font-size: {{$:/themes/tiddlywiki/snowwhite/metrics##fontsize}}; font-size: {{$:/themes/tiddlywiki/snowwhite/metrics##fontsize}};
line-height: {{$:/themes/tiddlywiki/snowwhite/metrics##lineheight}}; line-height: {{$:/themes/tiddlywiki/snowwhite/metrics##lineheight}};
color: {{$:/themes/tiddlywiki/snowwhite/colourmappings##foreground}};
background-color: {{$:/themes/tiddlywiki/snowwhite/colourmappings##pagebackground}}; background-color: {{$:/themes/tiddlywiki/snowwhite/colourmappings##pagebackground}};
word-wrap: break-word; word-wrap: break-word;
} }
@ -486,6 +487,14 @@ canvas.tw-edit-bitmapeditor {
width: 48%; width: 48%;
} }
.tw-fieldlist > div:nth-child(odd) {
background-color: #f0f4f0;
}
.tw-fieldlist > div:nth-child(even) {
background-color: #e0e8e0;
}
.tw-edit-field-name { .tw-edit-field-name {
display: inline-block; display: inline-block;
width: 15%; width: 15%;
@ -494,12 +503,18 @@ canvas.tw-edit-bitmapeditor {
.tw-edit-field-value { .tw-edit-field-value {
display: inline-block; display: inline-block;
width: 70%; width: 75%;
} }
.tw-edit-field-remove { .tw-edit-field-remove {
display: inline-block; display: inline-block;
width: 10%; width: 5%;
}
.tw-edit-field-remove svg {
height: 1em;
fill: #888;
vertical-align: middle;
} }
.tw-edit-field-add-name { .tw-edit-field-add-name {

1
themes/tiddlywiki/snowwhite/colourmappings.tid
View File

@ -2,6 +2,7 @@ title: $:/themes/tiddlywiki/snowwhite/colourmappings
type: application/x-tiddler-dictionary type: application/x-tiddler-dictionary
tiddlerbackground: {{$:/themes/tiddlywiki/snowwhite/colours##background}} tiddlerbackground: {{$:/themes/tiddlywiki/snowwhite/colours##background}}
foreground: {{$:/themes/tiddlywiki/snowwhite/colours##foreground}}
pagebackground: {{$:/themes/tiddlywiki/snowwhite/colours##pagebackground}} pagebackground: {{$:/themes/tiddlywiki/snowwhite/colours##pagebackground}}
linkbackground: {{$:/themes/tiddlywiki/snowwhite/colours##background}} linkbackground: {{$:/themes/tiddlywiki/snowwhite/colours##background}}
linkforeground: {{$:/themes/tiddlywiki/snowwhite/colours##primary}} linkforeground: {{$:/themes/tiddlywiki/snowwhite/colours##primary}}

1
themes/tiddlywiki/snowwhite/colours.tid
View File

@ -3,5 +3,6 @@ type: application/x-tiddler-dictionary
primary: `#5959C0` primary: `#5959C0`
background: `#fff` background: `#fff`
foreground: `#333`
pagebackground: `#ececec` pagebackground: `#ececec`
medium: `#bbb` medium: `#bbb`