forks/archivebox
1
0
Fork 0
Code Releases Activity

Improve CSS selectors

Browse source
This commit is contained in:
Alex Kotov 2023-08-29 18:58:49 +04:00
parent e37b1caf7f
commit b4a1f5a0a4
Signed by: kotovalexarian
GPG key ID: 553C0EBBEB5D5F08
3 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Makefile
View file

@ -7,3 +7,6 @@ DEPLOY_SSH_USER = kotovalexarian
deploy: deploy:
$(RSYNC) --del -e 'ssh -p $(DEPLOY_SSH_PORT)' 'public/' '$(DEPLOY_SSH_USER)@$(DEPLOY_SSH_HOST):/srv/causa_arcana_archivebox/' $(RSYNC) --del -e 'ssh -p $(DEPLOY_SSH_PORT)' 'public/' '$(DEPLOY_SSH_USER)@$(DEPLOY_SSH_HOST):/srv/causa_arcana_archivebox/'
$(RSYNC) --del -e 'ssh -p $(DEPLOY_SSH_PORT)' 'data/' '$(DEPLOY_SSH_USER)@$(DEPLOY_SSH_HOST):/var/lib/archivebox' $(RSYNC) --del -e 'ssh -p $(DEPLOY_SSH_PORT)' 'data/' '$(DEPLOY_SSH_USER)@$(DEPLOY_SSH_HOST):/var/lib/archivebox'
data-del-indices:
rm -vf data/archive/*/index.html data/archive/*/index.json

7
archivebox/templates/core/snapshot.html
View file

@ -12,7 +12,7 @@
<link rel="stylesheet" href="../../static/snapshot.css"> <link rel="stylesheet" href="../../static/snapshot.css">
</head> </head>
<body> <body>
<header> <header class="header">
<div class="header-top container-fluid"> <div class="header-top container-fluid">
<div> <div>
<img src="favicon.ico"/>&nbsp;&nbsp;{{title|safe}} <img src="favicon.ico"/>&nbsp;&nbsp;{{title|safe}}
@ -294,11 +294,12 @@
<iframe <iframe
name="preview" name="preview"
src="{{singlefile_path}}" src="{{singlefile_path}}"
class="preview"
sandbox="allow-downloads sandbox="allow-downloads
allow-scripts allow-scripts
allow-top-navigation-by-user-activation allow-top-navigation-by-user-activation
allow-top-navigation-to-custom-protocols" allow-top-navigation-to-custom-protocols"
class="full-page-iframe" >
></iframe> </iframe>
</body> </body>
</html> </html>

27
public/static/snapshot.css
View file

@ -1,23 +1,27 @@
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
} overflow: hidden;
html {
overflow-x: hidden;
overflow-y: hidden;
} }
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
header {
background-color: #aa1e55;
}
small { small {
font-weight: 200; font-weight: 200;
} }
header a:hover {
.preview {
width: 100%;
height: 100%;
border: 0;
}
.header {
background-color: #aa1e55;
}
.header a:hover {
text-decoration: none; text-decoration: none;
} }
.header-top { .header-top {
@ -39,7 +43,7 @@ header a:hover {
text-decoration: none; text-decoration: none;
color: rgba(0,0,0,0.9); color: rgba(0,0,0,0.9);
} }
header small code { .header small code {
white-space: nowrap; white-space: nowrap;
font-weight: 200; font-weight: 200;
display: block; display: block;
@ -93,11 +97,6 @@ header small code {
.card-title { .card-title {
margin-bottom: 4px; margin-bottom: 4px;
} }
.full-page-iframe {
width: 100%;
height: 100%;
border: 0;
}
.header-bottom { .header-bottom {
background-color: rgba(23, 22, 22, 0.88); background-color: rgba(23, 22, 22, 0.88);
} }