1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00

Fix responsive versions of the tiddler info panel

This commit is contained in:
Jeremy Ruston 2013-05-20 11:19:41 +01:00
parent 187e137c2c
commit 42c90bf58e

View File

@ -340,6 +340,14 @@ a.tw-tiddlylink-missing {
background-color: {{$:/core/styles/colourmappings##tiddlerbackground}}; background-color: {{$:/core/styles/colourmappings##tiddlerbackground}};
} }
.tw-tiddler-info {
padding: 1em 3em 1em 3em;
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
}
@media screen { @media screen {
.tw-tiddler-frame { .tw-tiddler-frame {
<<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">> <<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">>
@ -350,12 +358,20 @@ a.tw-tiddlylink-missing {
.tw-tiddler-frame { .tw-tiddler-frame {
padding: 1em 1em 1em 1em; padding: 1em 1em 1em 1em;
} }
.tw-tiddler-info {
margin: 0 -1em 0 -1em;
}
} }
@media (min-width: 55em) { @media (min-width: 55em) {
.tw-tiddler-frame { .tw-tiddler-frame {
padding: 2em 3em 3em 3em; padding: 2em 3em 3em 3em;
} }
.tw-tiddler-info {
margin: 0 -3em 0 -3em;
}
} }
.title { .title {
@ -389,15 +405,6 @@ a.tw-tiddlylink-missing {
fill: #888; fill: #888;
} }
.tw-tiddler-info {
margin: 0 -3em 0 -3em;
padding: 1em 3em 1em 3em;
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
}
@media print { @media print {
.tw-tiddler-controls { .tw-tiddler-controls {
display: none; display: none;