Add styles for asset item actions and content

2026-04-02 23:25:57 +02:00
parent 15b17223c2
commit 6c9d305c67
1 changed files with 30 additions and 0 deletions
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -431,6 +431,36 @@ button:disabled {
  gap: 6px;
 }

+.asset-item--action {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.asset-item__content {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+.asset-item--action .outliner-item__title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.asset-item__plus {
+  flex: 0 0 auto;
+  color: var(--color-accent-strong);
+  font-size: 1.1rem;
+  font-weight: 800;
+  line-height: 1;
+}
+
 .material-browser {
  display: flex;
  flex-direction: column;