0x2620/pandora
2
1
Fork 1
Code Issues 1.2k Pull requests Releases Wiki Activity

add share link at /m/, add share dialog in view menu, fix preview for documents

Browse source
This commit is contained in:
j 2023-07-15 12:04:04 +05:30
commit bea0d301a4
30 changed files with 2704 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

46
static/mobile/css/reset.css Normal file
View file

@ -0,0 +1,46 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

171
static/mobile/css/style.css Normal file
View file

@ -0,0 +1,171 @@
body {
margin: 0;
//background: rgb(240, 240, 240);
//background: rgb(144, 144, 144);
//color: rgb(0, 0, 0);
background: rgb(16, 16, 16);
color: rgb(240, 240, 240);
font-family: "Noto Sans", "Lucida Grande", "Segoe UI", "DejaVu Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
line-height: normal;
}
a {
color: rgb(128, 128, 255)
}
iframe {
max-width: 100%;
}
.player {
max-width: 100%;
}
video, .poster {
border-bottom: 1px solid yellow;
}
.content {
display: flex;
flex-direction: column;
min-height: 100vh;
max-width: 1000px;
margin: auto;
}
.title {
padding-top: 16px;
padding-bottom: 0;
margin-bottom: 4px;
font-size: 14pt;
font-weight: bold;
border-bottom: 1px solid pink;
text-wrap: balance;
}
.byline {
padding: 0;
padding-bottom: 16px;
}
.player {
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
@media(max-width:768px) {
.title,
.byline {
padding-left: 4px;
padding-right: 4px;
}
.player {
position: sticky;
top: 0px;
}
}
.player video {
z-index: 0;
}
.value {
padding: 4px;
padding-top: 16px;
padding-left: 0;
padding-right: 0;
flex: 1;
}
@media(max-width:768px) {
.value {
padding-left: 4px;
padding-right: 4px;
}
}
.more {
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
font-size: 16pt;
}
.layer.active {
padding-top: 8px;
}
.layer.active:first-child {
padding-top: 0px;
}
.layer h3 {
font-weight: bold;
padding: 4px;
padding-left: 0;
margin: 0;
//display: none;
}
.layer.active h3 {
display: block;
}
.annotation {
padding: 4px;
border-bottom: 1px solid blueviolet;
display: none;
}
.annotation.active {
display: block;
}
.annotation.active.place,
.annotation.active.string {
display: inline-block;
border: 1px solid blueviolet;
margin-bottom: 4px;
}
@media(max-width:768px) {
.annotation a img {
width: 100%;
}
}
.layer h3 {
cursor: pointer;
}
.layer .icon svg {
width: 12px;
height: 12px;
}
.layer.collapsed .annotation.active {
display: none;
}
.rotate {
transform: rotate(90deg) translateY(-100%);
transform-origin:bottom left;
}
.document.text {
line-height: 1.5;
letter-spacing: 0.1px;
word-wrap: break-word;
hyphens: auto;
}
.document.text p {
padding-bottom: 1em;
}
.document.text img {
max-width: 100vw;
margin-left: -4px;
margin-right: -4px;
}
figure {
text-align: center;
}
figure img {
max-width: 100vw;
margin-left: -4px;
margin-right: -4px;
}
@media(max-width:768px) {
.document.text {
padding-left: 4px;
padding-right: 4px;
}
}
ol li {
margin-left: 1em;
}
.blocked svg {
width: 64px;
height: 64px;
}