beenull/m1k1oblog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

hide overlay

Browse source
This commit is contained in:
Miroslav Šedivý 2020-02-02 01:46:05 +01:00
parent e4eacf976a
commit 7de05ea123
3 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.php
View file

@ -275,6 +275,9 @@ if(!empty($scripts)){
<!-- Post Row -->
<div class="b_post post_row">
<div class="b_overlay">
<a class="button">View</a>
</div>
<div class="b_header">
<img src="<?php echo Config::get("pic_small"); ?>" width="40" height="40" class="b_profile">
<div class="b_desc">

7
static/scripts/app.js
View file

@ -684,6 +684,13 @@ $.fn.post_fill = function(data){
post.data("id", data.id);
post.find(".b_overlay .button").click(function(){
post.find(".b_overlay").hide();
setTimeout(function(){
post.find(".b_overlay").fadeIn(4000);
}, 2500);
});
post.find(".b_text").html(data.text);
post.find(".b_text").find(".tag").click(function(){

18
static/styles/theme02.css
View file

@ -191,6 +191,24 @@ body {
vertical-align: bottom;
}
.b_overlay {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: 64px;
bottom: 12px;
z-index: 1;
backdrop-filter: blur(25px);
background: rgba(0, 0, 0, .25);
}
.b_overlay .button {
background: var(--primary-background);
}
.b_post {
border-radius: 8px;
background-color: var(--primary-background);