Fix Css popups, items, desc & note
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -225,7 +225,6 @@ input[type="number"] {
|
||||
.editor-content {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
// Elements Colors
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -666,20 +666,38 @@ button {
|
||||
min-height: 200px;
|
||||
width: 600px;
|
||||
height: auto;
|
||||
max-height: 1000px;
|
||||
overflow-y: hidden;
|
||||
max-height: 100%;
|
||||
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-radius: 0.25rem;
|
||||
padding: 0.25rem;
|
||||
border: 1px solid #c3a582;
|
||||
border-radius: 0;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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' }}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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--}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user