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
.dice-roll {
.dice-formula,
.dice-total {
@@ -225,7 +224,7 @@
}
.profil {
border-bottom: 1px solid #782e22;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dropbox {
@@ -342,6 +341,32 @@
.fa-sign-in-alt {
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 {

View File

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