常に画像タイトルを表示

サポート
1

画像をクリーンアップして常に表示できるように .meta を整理しようとしています。タイトルを常に表示させること以外はすべて成功しました。

現時点でのコードは、画像にカーソルを合わせた場合にのみ機能します。

image
image1528×1492 114 KB

使用している CSS は次のとおりです。

.meta .informations {
    display: none;
}

.meta {
    background: rgba(0, 0, 0, 0);
    color: white;
    justify-content: center;
    position: relative;
}

.discourse-no-touch a.lightbox:hover {
    box-shadow: none;
}

.meta .d-icon {
    display: none;
}

.meta .filename {
    white-space: normal;
}

編集：長いタイトルの折り返し問題を解決し、これを実行したい他の人のためにコードを更新しました。