BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve performance of animations

Browse Source
This commit is contained in:
sethburkart123
2024-06-14 16:47:47 +10:00
parent 8c0e8652b0
commit 97bdb4ddd6
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/injected.scss
+4 -4
View File
@@ -928,6 +928,10 @@ div > ol:has(.uiFileHandlerWrapper) {
gap: 32px; gap: 32px;
padding: 32px 64px; padding: 32px 64px;
align-items: center; align-items: center;
> div {
will-change: opacity, transform;
}
} }
.home-container h1 { .home-container h1 {
text-align: center; text-align: center;
@@ -2883,10 +2887,6 @@ li.MessageList__unread___3imtO {
body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext { body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {
transform: scale(0); transform: scale(0);
} }
#ExtensionPopup {
will-change: opacity, transform;
transform: translateZ(0); // promotes GPU rendering
}
.assessmenttooltip svg { .assessmenttooltip svg {
fill: var(--text-primary); fill: var(--text-primary);
} }
src/css/injected/popup.scss
+3 -1
View File
@@ -32,6 +32,8 @@
#ExtensionPopup { #ExtensionPopup {
border-radius: 1rem; border-radius: 1rem;
box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.6); filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.6));
transform-origin: 70% 0; transform-origin: 70% 0;
will-change: opacity, transform;
transform: translateZ(0); // promotes GPU rendering
} }