Fix Css popups, items, desc & note

This commit is contained in:
Mandar
2021-07-10 01:06:37 +02:00
parent fbda6e6c98
commit c9f3f1fc3b
16 changed files with 51 additions and 24 deletions

File diff suppressed because one or more lines are too long

View File

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

View File

@@ -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);
}
}
}

View File

@@ -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;

View File

@@ -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;
}
}

View File

@@ -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' }}

View File

@@ -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}}

View File

@@ -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}}

View File

@@ -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}}

View File

@@ -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}}

View File

@@ -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}}

View File

@@ -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--}}

View File

@@ -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}}

View File

@@ -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}}

View File

@@ -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}}

View File

@@ -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}}