Make CSS transforms important

This commit is contained in:
Idrees Hassan
2025-09-13 13:11:36 -04:00
parent 25ad5c87d1
commit d02c68c388
4 changed files with 12 additions and 12 deletions

8
dist/birb.js vendored
View File

@@ -65,7 +65,7 @@ const STYLESHEET = `:root {
image-rendering: pixelated;
position: fixed;
bottom: 0;
transform: scale(var(--birb-scale));
transform: scale(var(--birb-scale)) !important;
transform-origin: bottom;
z-index: 2147483638 !important;
cursor: pointer;
@@ -75,7 +75,7 @@ const STYLESHEET = `:root {
image-rendering: pixelated;
position: fixed;
bottom: 0;
transform: scale(var(--birb-scale));
transform: scale(var(--birb-scale)) !important;
transform-origin: bottom;
z-index: 2147483630 !important;
}
@@ -105,7 +105,7 @@ const STYLESHEET = `:root {
box-sizing: border-box;
display: flex;
flex-direction: column;
transform: scale(var(--ui-scale));
transform: scale(var(--ui-scale)) !important;
animation: pop-in 0.08s;
transition-timing-function: ease-in;
}
@@ -1124,7 +1124,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
<div class="birb-window-close">x</div>
</div>
<div class="birb-window-content">
<textarea class="birb-sticky-note-input" style="width: 150px;" placeholder="Write your notes here and they'll stick to the page...">${stickyNote.content}</textarea>
<textarea class="birb-sticky-note-input" style="width: 150px;" placeholder="Write your notes here and they'll stick to the page!">${stickyNote.content}</textarea>
</div>`
const noteElement = makeElement("birb-window");
noteElement.classList.add("birb-sticky-note");