R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Refactor of History module #184

Merged
bema merged 25 commits from widlam/refactor/issue#162 into master 2023-05-19 13:10:48 +02:00
Conversation 3 Commits 25 Files Changed 40 +13 -24
3 changed files with 13 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3d84e513fa - Show all commits

21
Frontend/assets/css/tools/mock/r11popup.css
View File

@@ -2,11 +2,6 @@
animation: blur 0.5s ease-in-out ; animation: blur 0.5s ease-in-out ;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.popup-flex:has(.hiddable-container){
animation: deblur 0.3s ease-in-out ;
animation-direction: reverse;
animation-fill-mode: forwards;
}
.popup-flex{ .popup-flex{
display: flex; display: flex;
align-items: center; align-items: center;
@@ -75,19 +70,3 @@
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
} }
@keyframes deblur {
0%{
backdrop-filter: blur(10px);
}
50% {
backdrop-filter: blur(5px);
}
100% {
backdrop-filter: blur(0px);
display: none;
}
}

10
Frontend/assets/scripts/tools/mock/uianimation.js
View File

@@ -81,6 +81,16 @@ function showHeadersHistory(element){
$('.popup-flex').removeClass('hiddable-container'); $('.popup-flex').removeClass('hiddable-container');
document.getElementById('header-history-table-body').innerHTML = historyTable; document.getElementById('header-history-table-body').innerHTML = historyTable;
} }
window.addEventListener(
'click' ,
(clickedElement) => {
console.log(clickedElement.target);
if(!document.getElementById('header-history-popup').contains(clickedElement.target) && clickedElement.target.className == 'popup-flex' ) {
$('.popup-flex').addClass('hiddable-container');
}
}
);
function focusInTip(element){ function focusInTip(element){
showTip(element); showTip(element);

2
Frontend/tools/mock.html
View File

@@ -11,7 +11,7 @@
</head> </head>
<body> <body>
<div class="popup-flex hiddable-container"> <div class="popup-flex hiddable-container">
<div class="popup-body"> <div class="popup-body" id="header-history-popup">
<div class="popup-button-close-container"> <div class="popup-button-close-container">
<button type="button" class="popup-button-close"> X </button> <button type="button" class="popup-button-close"> X </button>
</div> </div>