Fix Css popups, items, desc & note

system/styles/scss/global.scss

@@ -225,7 +225,6 @@ input[type="number"] {
 .editor-content {
     flex: 1;
     height: 100%;
-    min-height: 200px;
 }
 
 // Elements Colors

system/styles/scss/items.scss

@@ -313,8 +313,11 @@
 }
 &.property {
     article {
+        &.properties {
+            width: 100%;
+        }
         &.infos {
-            height: calc(100% - 0.5rem);
+            height: calc(100% - 4.5rem);
         }
     }
 }
@@ -383,16 +386,20 @@
     }
 }
 &.title {
+    .sheet-body {
+        height: calc(100% - 90px - 4.25rem);
+    }
     article {
         &.infos {
             height: calc(100% - 3.5rem);
         }
         &.attributes {
             height: auto;
+            background: transparent;
         }
         &.experience {
             flex: 100%;
-            height: calc(100% - 3.5rem);
+            height: calc(100% - 4rem);
         }
     }
 }

system/styles/scss/sheets.scss

@@ -555,16 +555,16 @@
             flex: 100%;
             display: flex;
             fieldset {
-                flex: 0 0 calc(50% - 0.75rem);
+                flex: 0 0 calc(50% - 0.5rem);
                 label {
                     width: 100%;
                 }
             }
         }
         .narrative-list {
-            flex: 0 0 calc(50% - 0.25rem);
+            flex: 0 0 50%;
             fieldset {
-                flex: 0 0 calc(50% - 0.25rem);
+                flex: 0 0 50%;
                 label {
                     width: 100%;
                 }
@@ -572,7 +572,7 @@
         }
         .narrative-fluff {
             flex: 1;
-            flex: 0 0 calc(50% - 0.75rem);
+            flex: 0 0 50%;
 
             .narrative-description {
                 max-height: 13rem;
@@ -582,6 +582,9 @@
             .narrative-note {
                 font-size: 0.85rem;
             }
+            .editor-content {
+                min-height: 10rem;
+            }
         }
         .techniques-wrapper {
             padding-left: 0.25rem;

system/styles/scss/ui.scss

@@ -666,20 +666,38 @@ button {
         min-height: 200px;
         width: 600px;
         height: auto;
-        max-height: 1000px;
+        max-height: 100%;
-        overflow-y: hidden;
         background: #3e3a30 url("../assets/imgs/bg-l5r.webp") no-repeat;
         color: $black-light;
         font-size: 0.8rem;
         text-align: left;
-        border: 1px solid rgba(0, 0, 0, 0.15);
+        border: 1px solid #c3a582;
-        border-radius: 0.25rem;
+        border-radius: 0;
-        padding: 0.25rem;
+        padding: 0.5rem 0.75rem;
         display: block;
         position: absolute;
         z-index: 9999;
         * {
             color: $black-light;
         }
+        &:before {
+            z-index: -1;
+            content: "";
+            position: absolute;
+            height: calc(100% + 0.6rem);
+            width: calc(100% - 0.65rem);
+            border: 1px solid #c3a582;
+            border-radius: 0;
+            top: -0.35rem;
+            left: 0.25rem;
+        }
+    }
+    .card-header img {
+        display: inline-block;
+        background: transparent;
+        border: 0 none;
+        width: 20px;
+        margin: 0;
+        padding: 0;
     }
 }

system/templates/items/advancement/advancement-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}"/> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{#ifCond data.data.advancement_type '==' 'ring' }}

system/templates/items/armor/armor-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.weapons.sheathed'}} : {{#if data.data.equipped}}{{localize 'Yes'}}{{else}}{{localize 'No'}}{{/if}}

system/templates/items/bond/bond-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.types'}} : {{data.data.bond_type}}

system/templates/items/item-pattern/item-pattern-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.advancements.rarity_modifier'}} : {{data.data.rarity_modifier}}

system/templates/items/item/item-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.weapons.sheathed'}} : {{#if data.data.equipped}}{{localize 'Yes'}}{{else}}{{localize 'No'}}{{/if}}

system/templates/items/peculiarity/peculiarity-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.rings.title'}} : {{localizeRing data.data.ring}}

system/templates/items/property/property-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{!--cancelled properties--}}

system/templates/items/signature-scroll/signature-scroll-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.advancements.cost'}} : {{data.data.xp_cost}}

system/templates/items/technique/technique-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.rings.title'}} : {{localizeRing data.data.ring}}

system/templates/items/title/title-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.advancements.cost'}} : {{data.data.xp_cost}}

system/templates/items/weapon/weapon-text.html

@@ -1,6 +1,6 @@
 <div class="{{cssClass}}" data-actor-id="{{actor.data._id}}" data-item-id="{{data._id}}">
     <header class="card-header">
-        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" width="36" height="36"/> {{data.name}}</h2>
+        <h2 class="item-name"><img src="{{data.img}}" title="{{data.name}}" /> {{data.name}}</h2>
     </header>
     <section class="sheet-body">
         {{localize 'l5r5e.weapons.sheathed'}} : {{#if data.data.equipped}}{{localize 'Yes'}}{{else}}{{localize 'No'}}{{/if}}