forks/archivebox
1
0
Fork 0
Code Releases Activity

Toggle header with checkbox

Browse source
This commit is contained in:
Alex Kotov 2023-08-29 19:46:32 +04:00
parent b4a1f5a0a4
commit e7bb984f45
Signed by: kotovalexarian
GPG key ID: 553C0EBBEB5D5F08
2 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -13,6 +13,7 @@
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<input id="header-toggle" type="checkbox" checked/>
<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}}

12
public/static/snapshot.css
View file

@ -18,6 +18,18 @@ small {
border: 0; border: 0;
} }
#header-toggle {
position: absolute;
top: 8px;
right: 8px;
}
#header-toggle:checked ~ .header-bottom {
display: block;
}
#header-toggle:not(:checked) ~ .header-bottom {
display: none;
}
.header { .header {
background-color: #aa1e55; background-color: #aa1e55;
} }