1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 10:07:19 +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}};
}
.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 {
.tw-tiddler-frame {
<<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">>
@ -350,12 +358,20 @@ a.tw-tiddlylink-missing {
.tw-tiddler-frame {
padding: 1em 1em 1em 1em;
}
.tw-tiddler-info {
margin: 0 -1em 0 -1em;
}
}
@media (min-width: 55em) {
.tw-tiddler-frame {
padding: 2em 3em 3em 3em;
}
.tw-tiddler-info {
margin: 0 -3em 0 -3em;
}
}
.title {
@ -389,15 +405,6 @@ a.tw-tiddlylink-missing {
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 {
.tw-tiddler-controls {
display: none;