mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-24 00:50:28 +00:00
Fix responsive versions of the tiddler info panel
This commit is contained in:
parent
187e137c2c
commit
42c90bf58e
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user