mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-23 15:36:52 +00:00
Code Issues Releases Wiki Activity

Better styling for smartphone sized screens

Browse Source
This commit is contained in:
Jeremy Ruston 2012-07-13 22:20:39 +01:00
parent fa67259d6d
commit 95e48b39d9
2 changed files with 38 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
core/styles/tiddlywiki.css
View File

@ -5006,7 +5006,6 @@ Base re-definitions
body {
position: relative;
padding-top: 40px;
background: #eeeeee;
}
/*
@ -5015,6 +5014,10 @@ Tiddler styles
.tw-story-element {
position: relative;
}
@media (min-width: 480px) {
.tw-story-element {
padding: 30px 30px 30px 30px;
margin: 30px 5px 30px 5px;
background-color: #fff;
@ -5022,6 +5025,14 @@ Tiddler styles
-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
body {
background: #eeeeee;
}
}
@media (max-width: 480px) {
}
.tw-story-element .body {

22
cssbuild/tiddlywiki.less
View File

@ -42,7 +42,6 @@ Base re-definitions
body {
position: relative; // So that height: 100% will fit to the body
background: @grayLighter; // So that the tiddlers pop out more
padding-top: @navbarHeight; // Allow for the navbar
}
@ -52,11 +51,28 @@ Tiddler styles
.tw-story-element {
position: relative;
margin: 30px 5px 30px 5px;
}
@media (min-width: 480px) {
.tw-story-element {
padding: 30px 30px 30px 30px;
margin: 30px 5px 30px 5px;
border: 1px solid #999;
background-color: #fff;
.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
background-color: #fff;
}
body {
background: @grayLighter; // So that the tiddlers pop out more
}
}
@media (max-width: 480px) {
}
.tw-story-element .body {