1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-08 06:43:49 +00:00

Stylesheet tweaks

This commit is contained in:
Jeremy Ruston 2013-02-04 11:56:23 +00:00
parent 365974d14f
commit 1f98ea5c87
4 changed files with 16 additions and 14 deletions

View File

@ -68,9 +68,6 @@ a.tw-tiddlylink-missing {
} }
.edit-header { .edit-header {
padding: 1em;
background-color: #000;
color: #fff;
} }
.sidebar-header { .sidebar-header {
@ -78,14 +75,18 @@ a.tw-tiddlylink-missing {
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 10em; width: {{$:/core/styles/metrics##sidebarwidth}};
overflow-y: auto; overflow-y: auto;
overflow-x: auto; overflow-x: auto;
padding: 1em; padding: 1em;
} }
.tw-menu-list-item {
white-space: nowrap;
}
.story-river { .story-river {
margin-left: 10em; margin-left: {{$:/core/styles/metrics##sidebarwidth}};
padding: 2em; padding: 2em;
} }
@ -94,6 +95,7 @@ a.tw-tiddlylink-missing {
margin-bottom: 2em; margin-bottom: 2em;
background-color: {{$:/core/styles/colourmappings##tiddlerbackground}}; background-color: {{$:/core/styles/colourmappings##tiddlerbackground}};
max-width: 40em; max-width: 40em;
<<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">>
} }
.tw-tiddler-frame .title { .tw-tiddler-frame .title {
@ -119,7 +121,7 @@ a.tw-tiddlylink-missing {
border: 1px solid {{$:/core/styles/colourmappings##dropdownborder}}; border: 1px solid {{$:/core/styles/colourmappings##dropdownborder}};
background-color: {{$:/core/styles/colourmappings##dropdownbackground}}; background-color: {{$:/core/styles/colourmappings##dropdownbackground}};
<<border-radius 4px>> <<border-radius 4px>>
<<box-shadow "0 5px 10px rgba(0, 0, 0, 0.2)">> <<box-shadow "5px 5px 10px rgba(0, 0, 0, 0.2)">>
padding: 0.5em 0em 0.5em 0em; padding: 0.5em 0em 0.5em 0em;
white-space: nowrap; white-space: nowrap;
} }

View File

@ -1,7 +1,7 @@
title: $:/core/styles/colours title: $:/core/styles/colours
type: application/x-tiddler-dictionary type: application/x-tiddler-dictionary
primary: `#65d` primary: `#6a5ccc`
background: `#fff` background: `#fff`
pagebackground: `#ececec` pagebackground: `#ececec`
medium: `#888` medium: `#888`

View File

@ -3,3 +3,4 @@ type: application/x-tiddler-dictionary
fontsize: `14px` fontsize: `14px`
lineheight: `20px` lineheight: `20px`
sidebarwidth: `25%`

View File

@ -11,18 +11,17 @@ title: $:/templates/PageTemplate
</div> </div>
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" listview=classic itemClass="tw-menu-list-item"/> <$list filter="[list[$:/StoryList]]" history="$:/HistoryList" listview=classic itemClass="tw-menu-list-item"/>
<div class="edit-controls">
<$button message="tw-NewTiddler" class="btn btn-mini btn-success">New</$button>
<$button message="tw-save-wiki" class="btn btn-mini btn-primary">Save</$button>
</div>
</header> </header>
<!-- The story river --> <!-- The story river -->
<section class="story-river"> <section class="story-river">
<!-- The edit bar -->
<header class="edit-header">
<$button message="tw-NewTiddler" class="btn btn-mini btn-success">New</$button>
<$button message="tw-save-wiki" class="btn btn-mini btn-primary">Save</$button>
</header>
<!-- The main story --> <!-- The main story -->
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/templates/ViewTemplate" editTemplate="$:/templates/EditTemplate" listview="scroller" itemClass="tw-tiddler-frame"/> <$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/templates/ViewTemplate" editTemplate="$:/templates/EditTemplate" listview="scroller" itemClass="tw-tiddler-frame"/>