Buttons and containers look .. weird on Firefox and Chrome #509

Activity

1. calthies4 commented on Jun 4, 2024

   

   calthies4

   on Jun 4, 2024

   More actions

   I was running into a similar issue - I tracked it down to this:

   @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.nes-btn{border-image-repeat:space}}

   Obviously this was added for a reason, but it only seems to mess up the buttons in firefox/chrome. I removed that code from my copy of the .css and the button borders look as they should.

   👍React with 👍3Reacted by BScrivener, Maksym and PdrZhipengW
2. withhawaii commented on Oct 4, 2024

   

   withhawaii

   on Oct 4, 2024

   More actions

   @calthies4 Thanks for finding the root cause of this issue!
   I added the following code to my css to override border-image-repeat property.

   @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
     .nes-btn {
       border-image-repeat: stretch;
     }
   }
   

   👍React with 👍5Reacted by Artem, BScrivener, Maksym, Sean Yap and PdrZhipengW
3. sonicer105 commented on Jul 31, 2025

   

   sonicer105

   on Jul 31, 2025

   More actions

   Not sure if it's related, but the rounded boxes are very broken for me.

   Chrome Ver. 138.0.7204.92 (Official Build) (64-bit):

   

   Firefox Ver. 140.0.4 (64-bit):