Better LetterLoop issue image display

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

Stel een vraag, plaats een beoordeling of rapporteer dit script.

Regels afbreken

// ==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;
    }
  }
}
`)