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

View File

@@ -809,7 +809,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
<div class="birb-window-close">x</div> <div class="birb-window-close">x</div>
</div> </div>
<div class="birb-window-content"> <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>` </div>`
const noteElement = makeElement("birb-window"); const noteElement = makeElement("birb-window");
noteElement.classList.add("birb-sticky-note"); noteElement.classList.add("birb-sticky-note");

8
dist/birb.js vendored
View File

@@ -65,7 +65,7 @@ const STYLESHEET = `:root {
image-rendering: pixelated; image-rendering: pixelated;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
transform: scale(var(--birb-scale)); transform: scale(var(--birb-scale)) !important;
transform-origin: bottom; transform-origin: bottom;
z-index: 2147483638 !important; z-index: 2147483638 !important;
cursor: pointer; cursor: pointer;
@@ -75,7 +75,7 @@ const STYLESHEET = `:root {
image-rendering: pixelated; image-rendering: pixelated;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
transform: scale(var(--birb-scale)); transform: scale(var(--birb-scale)) !important;
transform-origin: bottom; transform-origin: bottom;
z-index: 2147483630 !important; z-index: 2147483630 !important;
} }
@@ -105,7 +105,7 @@ const STYLESHEET = `:root {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transform: scale(var(--ui-scale)); transform: scale(var(--ui-scale)) !important;
animation: pop-in 0.08s; animation: pop-in 0.08s;
transition-timing-function: ease-in; transition-timing-function: ease-in;
} }
@@ -1124,7 +1124,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
<div class="birb-window-close">x</div> <div class="birb-window-close">x</div>
</div> </div>
<div class="birb-window-content"> <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>` </div>`
const noteElement = makeElement("birb-window"); const noteElement = makeElement("birb-window");
noteElement.classList.add("birb-sticky-note"); noteElement.classList.add("birb-sticky-note");

8
dist/birb.user.js vendored
View File

@@ -79,7 +79,7 @@ const STYLESHEET = `:root {
image-rendering: pixelated; image-rendering: pixelated;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
transform: scale(var(--birb-scale)); transform: scale(var(--birb-scale)) !important;
transform-origin: bottom; transform-origin: bottom;
z-index: 2147483638 !important; z-index: 2147483638 !important;
cursor: pointer; cursor: pointer;
@@ -89,7 +89,7 @@ const STYLESHEET = `:root {
image-rendering: pixelated; image-rendering: pixelated;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
transform: scale(var(--birb-scale)); transform: scale(var(--birb-scale)) !important;
transform-origin: bottom; transform-origin: bottom;
z-index: 2147483630 !important; z-index: 2147483630 !important;
} }
@@ -119,7 +119,7 @@ const STYLESHEET = `:root {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transform: scale(var(--ui-scale)); transform: scale(var(--ui-scale)) !important;
animation: pop-in 0.08s; animation: pop-in 0.08s;
transition-timing-function: ease-in; transition-timing-function: ease-in;
} }
@@ -1138,7 +1138,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
<div class="birb-window-close">x</div> <div class="birb-window-close">x</div>
</div> </div>
<div class="birb-window-content"> <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>` </div>`
const noteElement = makeElement("birb-window"); const noteElement = makeElement("birb-window");
noteElement.classList.add("birb-sticky-note"); noteElement.classList.add("birb-sticky-note");

View File

@@ -13,7 +13,7 @@
image-rendering: pixelated; image-rendering: pixelated;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
transform: scale(var(--birb-scale)); transform: scale(var(--birb-scale)) !important;
transform-origin: bottom; transform-origin: bottom;
z-index: 2147483638 !important; z-index: 2147483638 !important;
cursor: pointer; cursor: pointer;
@@ -23,7 +23,7 @@
image-rendering: pixelated; image-rendering: pixelated;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
transform: scale(var(--birb-scale)); transform: scale(var(--birb-scale)) !important;
transform-origin: bottom; transform-origin: bottom;
z-index: 2147483630 !important; z-index: 2147483630 !important;
} }
@@ -53,7 +53,7 @@
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transform: scale(var(--ui-scale)); transform: scale(var(--ui-scale)) !important;
animation: pop-in 0.08s; animation: pop-in 0.08s;
transition-timing-function: ease-in; transition-timing-function: ease-in;
} }