以前のテーマ/コンポーネントパネル(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;
}
冗長なものや同様のものがあれば、コードを更新できるように教えてください。




