Skip to content

Commit ac0bf32

Browse files
committed
Solid versin palemoon + chrome but safari broken
1 parent 9aefddc commit ac0bf32

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

Scripts/WindowManager.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -502,7 +502,7 @@ Dialog.prototype.injectMica = function () {
502502
var wallpaper = document.getElementById("wallpaper");
503503
var image = wallpaper.children[0].cloneNode(true);
504504
var clip = this.target.getElementsByClassName("backdrop-clip")[0];
505-
// image.classList.add("mica");
505+
image.classList.add("mica");
506506
clip.appendChild(image);
507507
this.move(this.x, this.y);
508508
}

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ <h1></h1><!-- Title of the window and also identifier of the header and dialog.
6262
</article><!-- Adding a wrapper aound this allows the corners inside the window to be rounded too, in a similar way done on Windows 11. We can do it without wrapping with overflow hidden but that results in the scroll bars being rendered over top which looks ugly. Rounded corners also appear to break the experimental blur support on EdgeHTML 18 when a scrollbar appears as the blur layer then gets rendered to the screen after the border causing it to show a jagged inside lining of the quarter circle. I can't find any mentions of the bug online as it's a weird edge case (pun intended). Turns out, Edge Legacy is not the only browser that has problems here. Chrome has a very similar bug but it disappears upon resize (tested in Chrome 118), that would mean Edge Chromium, Opera, Brave and all other Chromium browsers likely have this weird effect too. I will thus not be implementing this! -->
6363
<!-- This is the non-client area! -->
6464
</content><!-- This unnecessary wrapping that is only here for EdgeHTML and WebView 1 compatibility. -->
65-
<span class="backdrop-clip mica"></span>
65+
<span class="backdrop-clip"></span>
6666
<!-- This is also the non-client area. Primarily reserved for the borders. -->
6767
</div>
6868
</template><!-- The client area in graphical user interface design refers to the area of the window where the user's content should be placed. The non-client area is for managing the window itself. -->

0 commit comments

Comments
 (0)