☰

Disable image/title overlapping on mobile on notebookcheck

UX designers are awesome, they can play nicely with opacity, but I want to see full images without hurting my eyes

  1. // ==UserScript==
  2. // @name        Disable image/title overlapping on mobile on notebookcheck
  3. // @namespace   shitkiller
  4. // @match       https://www.notebookcheck.net/*
  5. // @match       https://www.notebookcheck.com/*
  6. // @description UX designers are awesome, they can play nicely with opacity, but I want to see full images without hurting my eyes
  7. // @grant       none
  8. // @version     1.0
  9. // @author      shit-killer
  10. // ==/UserScript==
  11.  
  12. // It can and MUST be implemented in Stylus, but I have no time to explore this
  13.  
  14. const style = document.createElement('style');
  15. document.head.appendChild(style);
  16.  
  17. style.innerHTML = `
  18. @media only screen and (max-width: 450px) {
  19. .introa_rm_img {
  20.   max-height: initial;
  21.   min-height: auto;
  22. }
  23. `;