rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

avatarpopup now draggable

Browse Source
This commit is contained in:
RossAscends
2023-05-02 04:40:14 +09:00
parent 22882ee2ba
commit 5b60007e58
5 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@ -2084,6 +2084,7 @@
</div>
<div id="avatar_zoom_popup">
<div id="avatar_zoom_popupheader" class="fa-solid fa-grip drag-grabber"></div>
<img id="zoomed_avatar" src="">
</div>
</body>

12
public/script.js
View File

@ -5398,19 +5398,7 @@ $(document).ready(function () {
} else if ($(this).parent().attr('is_user') == 'false') { //handle char avatars
$("#zoomed_avatar").attr('src', avatarSrc);
}
let avatarPopper = Popper.createPopper(document.getElementById('top-bar'), document.getElementById('avatar_zoom_popup'), {
placement: 'bottom',
});
setTimeout(function () {
avatarPopper.update();
$('#avatar_zoom_popup').toggle();
}, 100);
});
$(document).on('click', '#OpenAllWIEntries', function () {

1
public/scripts/RossAscends-mods.js
View File

@ -403,6 +403,7 @@ function OpenNavPanels() {
dragElement(document.getElementById("sheld"));
dragElement(document.getElementById("left-nav-panel"));
dragElement(document.getElementById("right-nav-panel"));
dragElement(document.getElementById("avatar_zoom_popup"));

7
public/scripts/power-user.js
View File

@ -501,6 +501,13 @@ function resetMovablePanels() {
document.getElementById("expression-holder").style.bottom = '';
document.getElementById("expression-holder").style.height = '';
document.getElementById("expression-holder").style.width = '';
document.getElementById("avatar_zoom_popup").style.top = '';
document.getElementById("avatar_zoom_popup").style.left = '';
document.getElementById("avatar_zoom_popup").style.right = '';
document.getElementById("avatar_zoom_popup").style.bottom = '';
document.getElementById("avatar_zoom_popup").style.height = '';
document.getElementById("avatar_zoom_popup").style.width = '';
}
$(document).ready(() => {

9
public/style.css
View File

@ -2693,7 +2693,7 @@ body .ui-widget-content li:hover {
/* Rules for icon display */
#rm_group_members .group_member[order="start"] .fa-chevron-down,
#rm_group_members .group_member[order="end"] .fa-chevron-up,
#rm_group_add_members .right_menu_button:not(.fa-plus,.fa-id-badge),
#rm_group_add_members .right_menu_button:not(.fa-plus, .fa-id-badge),
#rm_group_members .fa-plus {
display: none;
}
@ -3685,11 +3685,18 @@ body.noShadows * {
#avatar_zoom_popup {
z-index: 999;
display: none;
left: 0;
right: 0;
margin: 0 auto;
top: 50px;
position: absolute;
width: 400px;
}
#zoomed_avatar {
border: 1px solid var(--white50a);
border-radius: 20px;
max-height: calc(60svh - 60px);
max-width: 70svh;