Better LetterLoop issue image display

Prevent image cropping and adjust display of multiple images to show them side by side.

Spýtať sa otázku, uverejniť recenziu, alebo nahlásiť skript.

Zalomiť riadky

// ==UserScript==
// @name        Better LetterLoop issue image display
// @license MIT
// @namespace   Violentmonkey Scripts
// @icon        https://app.letterloop.co/icon.svg?icon.b5e44ce4.svg
// @version     1.0.0
//
// @match       https://app.letterloop.co/issue/*
// @grant       GM_addStyle
//
// @author      Christopher Dabrowski
// @description Prevent image cropping and adjust display of multiple images to show them side by side.
// ==/UserScript==

GM_addStyle(`
.chakra-stack[role="group"]:has(>.chakra-stack .chakra-image) {
  > .chakra-stack {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;

    div {
      background: none;
      width: auto;
    }

    .chakra-image {
      object-fit: contain;
      background: none;
    }
  }
}
`)