Themes/Componentsパネル(CSS内)の私の提案

以前のテーマ/コンポーネントパネル(https://forum.alltiago.com/admin/customize/components)はあまり好きではありませんでしたが、スペースと整理の点では十分でした(まあまあ)。しかし、新しいものは私の意見では本当にひどいです。

これが私の代替案です。

左側の小さくて窮屈なボックス、コンポーネントという単語が隠れていること(これは私の13インチ画面だけの問題かもしれませんが、他の人も同じ問題を抱えているかもしれません)、そしてスクロールの動作…

…これに変わります:

スペースが増え、スクロールバーがなくなり、無効なコンポーネントは赤みがかった背景でより見やすくなります。ホバーすると、少し明るくなります:

また、余分なヘッダー、画像、および冗長なインストールボタン(現在は2つではなく1つだけ)を削除し、リンクを左揃えにして、折り返しを避けるために余分な幅を与えました。

CSSはこちらです:

/* Admin - wider theme/component panel */
.desktop-view .admin-customize .themes-list,
.desktop-view .admin-customize .show-current-style{
    width: 98%;
}

/* Admin - margin top component's content */
.desktop-view .admin-customize .show-current-style {
    margin-top: 3rem;
}

/*Admin - remove scroll on components' container */
.admin-customize .themes-list-container {
    overflow-y: visible;
    max-height: none;
    height: auto;
}

/* Admin - hide H1, Install button, image */
.admin-contents.admin-customize.admin-customize-themes .content-wrapper h1,
.admin-contents.admin-customize.admin-customize-themes .content-wrapper div.create-actions,
.admin-contents.admin-customize.admin-customize-themes img {
    display: none;
}

/* Admin - adjust bottom links */
.admin-contents.admin-customize.admin-customize-themes .admin-intro {
    margin: 2rem 0 0;
}

.admin-contents.admin-customize.admin-customize-themes .admin-intro .content-wrapper {
    width: 100%;
}

/* Admin - unused components' background (red) */
.admin-customize .themes-list-container__item.inactive-theme {
    background-color: #3f2525;
}

.admin-customize .themes-list-container__item.inactive-theme:hover {
    background-color: #573535;
}

CSSにはあまり詳しくないので、これが良いのかどうかはわかりませんが、機能します。これはChatGPTに依頼しました:

/*Admin - remove scroll on components' container */
.admin-customize .themes-list-container {
    overflow-y: visible;
    max-height: none;
    height: auto;
}

冗長なものや同様のものがあれば、コードを更新できるように教えてください。

「いいね!」 2

これは実際には逆です。

あなたが言及している古いレイアウト(長方形のグリッド)は、実際には新しいものになりますが、フィードバックではまだ完全に準備ができていないとのことでしたので、古いものに戻しました。現在表示されているバージョンは、新しいものにいくつかの不足している機能が追加され次第置き換えられます。理解しがたいかもしれませんが、混乱させてしまいました。

「いいね!」 2

私の「古い」と「新しい」の定義は、タイムラインにより関連していました。「新しい」とは、「現在表示されているもの」という意味ですが、それが古いバージョンであることは認識していました。単に、これについて知らない人をさらに混乱させたくなかっただけです。

「いいね!」 2