Верстка Сделать отзывы сворачиваемыми (и желательно запоминать это состояние в браузере)

Смотрите какой большой разрыв сейчас при скролле между категориями и аккаунтами из-за блока отзывов

Спойлер

Предлагаю добавить кнопку свернуть/развернуть как спойлер и запоминать это состояние в localstorage. Это существенно уменьшает разрыв

Свернуто

Вот накидал скрипт с простенькой реализацией в тампере

// ==UserScript==
// @name Reviews spoiler
// @namespace http://tampermonkey.net/
// @version 2024-03-23
// @description try to take over the world!
// @author You
// @match https://lzt.market/user/items*
// @match https://lzt.market/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=lzt.market
// @grant none
// ==/UserScript==

const reviewHeader = document.querySelector(".list-tab_reviews");
const feedbackList = document.getElementById("feedbackList");
const toggleButton = document.createElement("button");
const savedStyle = localStorage.getItem('savedReviewStyle') || "none";
toggleButton.textContent = savedStyle !== "none" ? "Свернуть" : "Развернуть";
feedbackList.style.display = savedStyle;
reviewHeader.style.display = 'flex';
reviewHeader.style.alignItems = 'center';
toggleButton.className += "element button smallButton ExpandParams HoldTooltip"
toggleButton.onclick = function () {
const newValue = feedbackList.style.display === "none" ? "block" : "none";
feedbackList.style.display = newValue;
localStorage.setItem('savedReviewStyle', newValue);
toggleButton.textContent =
newValue === "none" ? "Развернуть" : "Свернуть";
};

reviewHeader.appendChild(toggleButton);

JS

// ==UserScript==

// @name         Reviews spoiler

// @namespace    http://tampermonkey.net/

// @version      2024-03-23

// @description  try to take over the world!

// @author       You

// @match        https://lzt.market/user/items*

// @match        https://lzt.market/*

// @icon         https://www.google.com/s2/favicons?sz=64&domain=lzt.market

// @grant        none

// ==/UserScript==



const reviewHeader = document.querySelector(".list-tab_reviews");

const feedbackList = document.getElementById("feedbackList");

const toggleButton = document.createElement("button");

const savedStyle = localStorage.getItem('savedReviewStyle') || "none";

toggleButton.textContent = savedStyle !== "none" ? "Свернуть" : "Развернуть";

feedbackList.style.display = savedStyle;

reviewHeader.style.display = 'flex';

reviewHeader.style.alignItems = 'center';

toggleButton.className += "element button smallButton ExpandParams HoldTooltip"

toggleButton.onclick = function () {

    const newValue = feedbackList.style.display === "none" ? "block" : "none";

    feedbackList.style.display = newValue;

    localStorage.setItem('savedReviewStyle', newValue);

    toggleButton.textContent =

        newValue === "none" ? "Развернуть" : "Свернуть";

};



reviewHeader.appendChild(toggleButton);