/villagepump/プロジェクトタイトルの隣に今日の日付を表示するUserCSS

generated at 11/17/2024, 4:53:43 AM
プロジェクトタイトルの隣に今日の日付を表示するUserCSS
プロジェクトタイトルの隣にTODAYを表示するUserCSS
プロジェクトタイトルの隣に好きな画像を表示するUserCSSの派生

古いver.
stylexx.css.quick-launch .project-home {
  padding: 0 0 0 10px;
}

.quick-launch .project-home .title::after {
  content: "";
  margin-left: 10px;
  padding: 5px 0px 5px 50px;
  background-image: url("https://daiiz-apps.appspot.com/today/jp.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

from プロジェクトタイトルの隣に好きな画像を表示するUserCSS
位置が上にズレているけどおま環なのだろうか
自分のとこでもなった
これが正しい挙動だと思っていた
 padding: 0 0 0 80px にするとズレないけど小さくなった
なぜなのか
多分直った
 padding: 5px 0px 5px 50px; 
 .quick-launch .project-home のpaddingを削除
左の余白だけ残した
すばら

もう少し新しいver.
navbar周りのUserCSSの再設計#65cb869affff36000061b0b0
stylex.css.quick-launch .project-home::after {
	display: block;
	flex-shrink: 0;
	height: 36px;
	aspect-ratio: 4 / 3;
	/* margin-left: 6px; */
	margin-left: 10px;
	content: "";
	background-image: url("https://daiiz-apps.appspot.com/today/jp.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

現行
2024-05-01 21:28:45  .navbar .row .project-home に変更（app.cssと合わせる）
2024-04-17 11:41:50  .quick-launch .project-home::after { を .project-home::after { に変更
/per-terra/titleの隣に今日の日付を表示する
brand iconの幅に合わせて余白を調整した
style.css.navbar .row .project-home::after {
	display: block;
	flex-shrink: 0;
	height: 36px;
	aspect-ratio: 4 / 3;
	margin-left: 10px;
	content: "";
	background-image: url("https://daiiz-apps.appspot.com/today/jp.svg");
	background-repeat: no-repeat;
	background-size: contain;
}