Made shelf listing more unique & efficient

[bookstack] / resources / assets / sass / _lists.scss

diff --git a/resources/assets/sass/_lists.scss b/resources/assets/sass/_lists.scss
index c99f2ecf3a72744d2e7791bc1ccecb67bc29a3d5..19c81066c09460dda28ebd0fb719d4e769ce92df 100644 (file)
--- a/resources/assets/sass/_lists.scss
+++ b/resources/assets/sass/_lists.scss
@@ -307,14 +307,43 @@ ul.pagination {
   background-color: #EEEEEE;
 }
 
+.entity-list-item-children {
+  padding: $-m;
+  > div {
+    overflow: hidden;
+    padding: $-xs 0;
+    margin-top: -$-xs;
+  }
+  .entity-chip {
+    text-overflow: ellipsis;
+    height: 2.5em;
+    overflow: hidden;
+    text-align: left;
+    display: block;
+    white-space: nowrap;
+  }
+}
+
 .entity-list-item-image {
   align-self: stretch;
   width: 140px;
+  flex: none;
   background-size: cover;
   background-position: 50% 50%;
   border-radius: 3px;
   position: relative;
   margin-right: $-l;
+
+  .svg-icon {
+    color: #FFF;
+    fill: #FFF;
+    font-size: 2rem;
+    margin-right: 0;
+    position: absolute;
+    bottom: $-xs;
+    left: $-xs;
+  }
+
   @include smaller-than($m) {
     width: 80px;
   }