Update Style for sheet, item list and tab + update ui + add svg dice

Update Style for sheet, item list and tab Update ui Add svg dice
2020-12-15 02:16:10 +01:00
parent a86a0f3ab6
commit 0b51804f21
83 changed files with 3752 additions and 615 deletions
--- a/system/styles/scss/items.scss
+++ b/system/styles/scss/items.scss
@@ -1,9 +1,55 @@
-//SCSS
-// l5re5.scss
-.testing {
-  width: percentage(1/7);
+.item-list {
+    flex: 100%;
+    .item {
+        .item-header {
+            display: flex;
+            .item-img {
+                flex: 0 0 32px;
+                padding-right: 0.25rem;
+                img {
+                    border: 1px solid rgba(0, 0, 0, 0.1);
+                }
+            }
+            .item-name {
+                flex: 1 1 auto;
+            }
+            .item-edit,
+            .item-delete,
+            .feat-edit,
+            .feat-delete {
+                flex: 0 0 1rem;
+                padding: 0 0.25rem;
+            }
+            .icon-stat-container {
+                padding: 0 0.25rem;
+            }
+        }
+        .item-description {
+            flex: unset;
+            display: block;
+            height: 0;
+            overflow: hidden;
+            background: rgba(0, 0, 0, 0.05);
+            transition: height 0.25s ease-in;
+        }
+        &:hover {
+            .item-description {
+                height: 5rem;
+                overflow-y: auto;
+                scrollbar-width: thin;
+            }
+        }
+        p {
+            font-size: 0.85rem;
+            margin: 0;
+            padding: 0 0.5rem;
+            max-width: 100%;
+            &:first-child {
+                padding-top: 0.5rem;
+            }
+            &:last-child {
+                padding-bottom: 0.5rem;
+            }
+        }
+    }
 }
-// test
-.testing {
-  width: percentage(2/7);
-}