git.stevedylan.dev

chore: updated styles in darkmatter crate dfadf831

Steve · 2026-05-10 21:12 1 file(s) · +22 −3

crates/darkmatter-css/assets/darkmatter.css +22 −3

  gap: 0.25rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #333;
  min-width: 0;
}

.item:hover {

}

.item-title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  max-width: 100%;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.item-meta {
  max-width: 100%;
  font-size: 12px;
  opacity: 0.5;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ── Admin list (horizontal row w/ actions) ──────────────────────── */

  padding: 8px 0;
  border-bottom: 1px solid #333;
  gap: 1rem;
  min-width: 0;
}

.admin-list-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.admin-list-title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  max-width: 100%;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.admin-list-meta {

  gap: 1rem;
  font-size: 12px;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.admin-toolbar {

423	423		gap: 0.25rem;
424	424		padding: 0.75rem 0;
425	425		border-bottom: 1px solid #333;
	426	+	min-width: 0;
426	427		}
427	428
428	429		.item:hover {

430	431		}
431	432
432	433		.item-title {
	434	+	display: inline-flex;
	435	+	align-items: center;
	436	+	gap: 0.4rem;
	437	+	min-width: 0;
	438	+	max-width: 100%;
433	439		font-size: 16px;
	440	+	overflow-wrap: anywhere;
434	441		}
435	442
436	443		.item-meta {
	444	+	max-width: 100%;
437	445		font-size: 12px;
438	446		opacity: 0.5;
	447	+	overflow-wrap: anywhere;
	448	+	word-break: break-word;
439	449		}
440	450
441	451		/* ── Admin list (horizontal row w/ actions) ──────────────────────── */

453	463		padding: 8px 0;
454	464		border-bottom: 1px solid #333;
455	465		gap: 1rem;
	466	+	min-width: 0;
456	467		}
457	468
458	469		.admin-list-info {
459	470		display: flex;
	471	+	flex: 1;
460	472		flex-direction: column;
461	473		gap: 0.2rem;
462	474		min-width: 0;
463	475		}
464	476
465	477		.admin-list-title {
	478	+	display: inline-flex;
	479	+	align-items: center;
	480	+	gap: 0.4rem;
	481	+	min-width: 0;
	482	+	max-width: 100%;
466	483		font-size: 15px;
467		-	white-space: nowrap;
468		-	overflow: hidden;
469		-	text-overflow: ellipsis;
	484	+	white-space: normal;
	485	+	overflow: visible;
	486	+	text-overflow: clip;
	487	+	overflow-wrap: anywhere;
470	488		}
471	489
472	490		.admin-list-meta {

485	503		gap: 1rem;
486	504		font-size: 12px;
487	505		flex-shrink: 0;
	506	+	flex-wrap: wrap;
488	507		}
489	508
490	509		.admin-toolbar {