Fix rnk header html & css

This commit is contained in:
Mandar
2021-02-16 16:56:25 +01:00
parent 5ffaa062fc
commit dfef6d4092
3 changed files with 57 additions and 39 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,5 +1,4 @@
// -- Dices.scss // -- Dices.scss
.dice-roll { .dice-roll {
.dice-formula, .dice-formula,
.dice-total { .dice-total {
@@ -225,7 +224,7 @@
} }
.profil { .profil {
border-bottom: 1px solid #782e22; border-bottom: 1px solid rgba(0, 0, 0, 0.1);
} }
.dropbox { .dropbox {
@@ -342,6 +341,32 @@
.fa-sign-in-alt { .fa-sign-in-alt {
transform: rotate(90deg); transform: rotate(90deg);
} }
.chat-profil {
ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
li {
&:nth-child(1),
&:nth-child(2) {
flex: 0 0 60px;
padding: 0 0.25rem 0.25rem;
}
&:nth-child(4) {
flex: 0 0 10%;
padding: 0 0.25rem 0.25rem;
}
}
.profile-img {
width: 100%;
}
.chat-profil-stance {
font-size: 3.5rem;
line-height: 3.5rem;
}
}
}
} }
#l5r5e-gm-tools-dialog { #l5r5e-gm-tools-dialog {

View File

@@ -1,42 +1,35 @@
<form class="{{cssClass}}" autocomplete="off"> <form class="{{cssClass}}" autocomplete="off">
{{!-- Profil --}} {{!-- Profil --}}
<header class="l5r5e profil part-header flexrow chat-profil"> <header class="l5r5e profil part-header flexrow chat-profil">
<span class="chat-profil-element"> <ul>
<img class="profile-img" <li class="chat-profil-element">
src="{{#if l5r5e.actor.img}}{{l5r5e.actor.img}}{{else}}icons/svg/mystery-man.svg{{/if}}" <img class="profile-img" src="{{#if l5r5e.actor.img}}{{l5r5e.actor.img}}{{else}}icons/svg/mystery-man.svg{{/if}}" data-edit="img" alt="{{#if l5r5e.actor.name}}{{l5r5e.actor.name}}{{else}}mystery-man{{/if}}" />
data-edit="img" </li>
height="40" <li class="chat-profil-element">
width="40" <i class="chat-profil-stance {{l5r5e.stance}} i_{{l5r5e.stance}}" title="{{localizeRing l5r5e.stance}}"></i>
alt="{{#if l5r5e.actor.name}}{{l5r5e.actor.name}}{{else}}mystery-man{{/if}}" </li>
> <li class="chat-profil-element-skill">
</span> {{#if l5r5e.skillId}}
{{localizeSkillId l5r5e.skillId}}
<span class="chat-profil-element"> {{else}}
<i class="chat-profil-stance {{l5r5e.stance}} i_{{l5r5e.stance}}" title="{{localizeRing l5r5e.stance}}"></i> {{#if l5r5e.skillCatId}}{{localizeSkill l5r5e.skillCatId 'title'}}{{/if}}
</span> {{/if}}
</li>
<span class="chat-profil-element-skill"> <li class="chat-profil-element">
{{#if l5r5e.skillId}} {{#if l5r5e.difficultyHidden}}
{{localizeSkillId l5r5e.skillId}} {{localize 'l5r5e.chatdices.difficulty_hidden'}}
{{else}} {{else}}
{{#if l5r5e.skillCatId}}{{localizeSkill l5r5e.skillCatId 'title'}}{{/if}} {{localize 'l5r5e.chatdices.difficulty'}} {{l5r5e.difficulty}}
{{/if}} {{/if}}
</span> <br />
{{#if l5r5e.voidPointUsed}}
<span class="chat-profil-element"> <i class="i_void" title="{{localize 'l5r5e.chatdices.void_point_used'}}"></i>
{{#if l5r5e.difficultyHidden}} {{/if}}
{{localize 'l5r5e.chatdices.difficulty_hidden'}} {{#if l5r5e.skillAssistance}}
{{else}} <i class="i_skill" title="{{l5r5e.skillAssistance}}x {{localize 'l5r5e.chatdices.assistance_used'}}"></i>
{{localize 'l5r5e.chatdices.difficulty'}} {{l5r5e.difficulty}} {{/if}}
{{/if}} </li>
<br> </ul>
{{#if l5r5e.voidPointUsed}}
<i class="i_void" title="{{localize 'l5r5e.chatdices.void_point_used'}}"></i>
{{/if}}
{{#if l5r5e.skillAssistance}}
<i class="i_skill" title="{{l5r5e.skillAssistance}}x {{localize 'l5r5e.chatdices.assistance_used'}}"></i>
{{/if}}
</span>
</header> </header>
<section class="rnk-ct"> <section class="rnk-ct">
{{!-- Body --}} {{!-- Body --}}