From f6a89dbd69ae10f52f137873c8b6b106194822cb Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Tue, 10 Apr 2018 09:17:54 -0400
Subject: [PATCH] Fix spacing and sizing for tile details
---
src/components/asset-panel/selector.css | 1 -
.../sprite-selector-item/sprite-selector-item.css | 10 +++++++++-
2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/components/asset-panel/selector.css b/src/components/asset-panel/selector.css
index 00aacef14..98dff10c2 100644
--- a/src/components/asset-panel/selector.css
+++ b/src/components/asset-panel/selector.css
@@ -62,6 +62,5 @@ $fade-out-distance: 100px;
.list-item {
width: 4rem;
- min-height: 4rem;
}
}
diff --git a/src/components/sprite-selector-item/sprite-selector-item.css b/src/components/sprite-selector-item/sprite-selector-item.css
index b02b4bfdb..34e6b6cde 100644
--- a/src/components/sprite-selector-item/sprite-selector-item.css
+++ b/src/components/sprite-selector-item/sprite-selector-item.css
@@ -38,14 +38,16 @@
}
.sprite-info {
- padding: 0.2rem 0.2rem 0.1rem ;
+ padding: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
font-size: 0.625rem;
color: $text-primary;
user-select: none;
+}
+.sprite-name, .sprite-details {
/*
For truncating overflowing text gracefully
Min-width is for a bug: https://css-tricks.com/flexbox-truncated-text
@@ -56,10 +58,16 @@
min-width: 0;
}
+.sprite-details {
+ margin-top: 0.125rem;
+ font-size: 0.5rem;
+}
+
.is-selected .sprite-info {
background: $motion-primary;
color: $ui-white;
}
+
.delete-button {
position: absolute;
top: 0.125rem;
--
GitLab