Better LetterLoop issue image display

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

Poser une question, écrire un avis, ou signaler le script.

Enveloppe les lignes

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