Better LetterLoop issue image display

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

Stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Wrap lines

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