mirror of
https://gitea.phreedom.club/localhost_frssoft/bloat.git
synced 2024-11-05 06:33:01 +00:00
Fix UI issues
- Increase media preview size - Fix z-index of more-actions poup - Add left and top position for reply hover popup
This commit is contained in:
parent
402c976ec8
commit
ccdb5ef051
@ -134,6 +134,11 @@ function handleReplyToLink(div) {
|
||||
} else {
|
||||
var copy = status.cloneNode(true);
|
||||
copy.id = "reply-to-popup";
|
||||
var ract = event.target.getBoundingClientRect();
|
||||
if (ract.top > window.innerHeight / 2) {
|
||||
copy.style.bottom = (window.innerHeight -
|
||||
window.scrollY - ract.top) + 'px';
|
||||
}
|
||||
event.target.parentElement.appendChild(copy);
|
||||
}
|
||||
}
|
||||
@ -161,6 +166,11 @@ function handleReplyLink(div) {
|
||||
} else {
|
||||
var copy = status.cloneNode(true);
|
||||
copy.id = "reply-popup";
|
||||
var ract = event.target.getBoundingClientRect();
|
||||
if (ract.left > window.innerWidth / 2) {
|
||||
copy.style.right = (window.innerWidth -
|
||||
ract.right - 12) + 'px';;
|
||||
}
|
||||
event.target.parentElement.appendChild(copy);
|
||||
}
|
||||
}
|
||||
|
@ -30,8 +30,8 @@
|
||||
.status-content img,
|
||||
.status-image,
|
||||
.status-video {
|
||||
max-height: 180px;
|
||||
max-width: 220px;
|
||||
max-height: 240px;
|
||||
max-width: 280px;
|
||||
width: auto;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
@ -413,7 +413,7 @@ a:hover,
|
||||
border: 1px solid #aaaaaa;
|
||||
padding: 4px 8px;
|
||||
z-index: 3;
|
||||
margin: 0 8px 0 8px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#reply-to-popup {
|
||||
@ -422,7 +422,7 @@ a:hover,
|
||||
border: 1px solid #aaaaaa;
|
||||
padding: 4px 8px;
|
||||
z-index: 3;
|
||||
margin: 0 8px 0 8px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
@ -432,6 +432,7 @@ a:hover,
|
||||
.more-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.more-content {
|
||||
|
Loading…
Reference in New Issue
Block a user