Add Army Warlord css

This commit is contained in:
Mandar
2022-01-14 15:14:11 +01:00
parent ae9fdcdefd
commit a6b724719f
3 changed files with 29 additions and 5 deletions

File diff suppressed because one or more lines are too long

View File

@@ -95,6 +95,7 @@
.warlord, .warlord,
.commander { .commander {
display: flex; display: flex;
flex-wrap: wrap;
.fa-sign-in-alt { .fa-sign-in-alt {
transform: rotate(90deg); transform: rotate(90deg);
@@ -189,8 +190,29 @@
} }
} }
} }
.warlord-name {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0.5rem 0.5rem 0;
background: $l5r5e-title;
--notchSize: 0.25rem;
i {
color: $l5r5e-black;
margin-right: 0.5rem;
}
label {
flex: 0 0 auto !important;
height: 1.65rem;
margin: 0;
padding: 0 0.5rem;
color: $l5r5e-label;
background: $l5r5e-white;
border: 1px solid $l5r5e-label;
border-radius: 1rem;
}
}
} }
&.others { &.others {
flex-direction: column; flex-direction: column;

View File

@@ -1,10 +1,12 @@
<div class="header-fields warlord"> <div class="header-fields warlord">
<fieldset> <fieldset>
<legend>{{^if data.data.warlord_actor_id}}<i class="fa fa-sign-in-alt" aria-hidden="true"></i> {{/if}}{{localize 'l5r5e.army.warlord'}}</legend> <legend>{{^if data.data.warlord_actor_id}}<i class="fa fa-sign-in-alt" aria-hidden="true"></i> {{/if}}{{localize 'l5r5e.army.warlord'}}</legend>
<p> <p class="warlord-name">
{{#if data.data.warlord_actor_id}} {{#if data.data.warlord_actor_id}}
<span data-actor-id="{{actor.id}}" data-type="warlord" class="actor-remove-control pointer" title="{{localize 'Delete'}}"><i class="fas fa-trash"></i></span> <label>
<a data-actor-id="{{data.data.warlord_actor_id}}" class="open-sheet-actor-id">{{data.data.warlord}}</a> <a data-actor-id="{{data.data.warlord_actor_id}}" class="open-sheet-actor-id">{{data.data.warlord}}</a>
<span data-actor-id="{{actor.id}}" data-type="warlord" class="actor-remove-control pointer" title="{{localize 'Delete'}}"><i class="fas fa-trash"></i></span>
</label>
{{else}} {{else}}
<input name="data.warlord" type="text" value="{{data.data.warlord}}" /> <input name="data.warlord" type="text" value="{{data.data.warlord}}" />
{{/if}} {{/if}}