Obsidian：GridExplorerをcssでカードっぽく

テキストがカードから漏れてしまうときがあるので。

GridExplorer

GridExplorerをカードに変えるcss。

Webクリップのdescriptionが長すぎると、カードからはみ出して他のカードと重なった表示になります。これは読みにくい。

ということでoverflow:hidden;を設定しました。

gridexplorer.css

CSS Editorで書き込んでください。

.ge-grid-item {
  background: ivory;
  min-height: 140px;
  border-left:10px solid gold;
  font-size: small;
  overflow: hidden;
}

.ge-grid-item[data-file-path^="Clippings/"] {
  border-left:10px solid orange;
}

.ge-title {
  height: 2.6em;
  white-space:pre-wrap;
  font-size: x-small;
  color: navy;
  font-weight: bold;
}

.ge-image-area img {
  box-shadow: 1px 1px 2px silver;
}