yrtria/azerothcore-armory
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Activity Actions

feat(character): add max-widths for character model and talent trees

Browse source
This commit is contained in:
Axel Cocat 2022-02-27 00:50:41 +01:00
parent 744e2ed626
commit f324ca45ff
3 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
static/character-talents.html
View file

@ -34,13 +34,13 @@
<a href="#1" id="link-spec-1" class="is-block-touch">Secondary specialization</a> <a href="#1" id="link-spec-1" class="is-block-touch">Secondary specialization</a>
</div> </div>
<div id="talents-spec-0" class="columns is-multiline has-text-centered"> <div id="talents-spec-0" class="columns talents-spec is-multiline has-text-centered">
<div class="column is-one-quarter-desktop"> <div class="column is-one-quarter-desktop">
<span class="is-size-4">Glyphs</span> <span class="is-size-4">Glyphs</span>
<div class="glyphs"></div> <div class="glyphs"></div>
</div> </div>
</div> </div>
<div id="talents-spec-1" class="columns is-multiline has-text-centered hidden"> <div id="talents-spec-1" class="columns talents-spec is-multiline has-text-centered hidden">
<div class="column is-one-quarter-desktop"> <div class="column is-one-quarter-desktop">
<span class="is-size-4">Glyphs</span> <span class="is-size-4">Glyphs</span>
<div class="glyphs"></div> <div class="glyphs"></div>

11
static/css/character-talents.css
View file

@ -66,11 +66,18 @@
border: 1px solid #ffcf00; border: 1px solid #ffcf00;
} }
#talents-spec-0.hidden, .talents-spec {
#talents-spec-1.hidden { justify-content: center;
}
.talents-spec.hidden {
display: none; display: none;
} }
.talents-spec .column {
max-width: 500px;
}
.talent-tree .header { .talent-tree .header {
display: flex; display: flex;
justify-content: center; justify-content: center;

4
static/css/character.css
View file

@ -14,6 +14,10 @@
flex-direction: column; flex-direction: column;
} }
#model {
max-width: 1000px;
}
#model, #model,
#model canvas { #model canvas {
touch-action: none; touch-action: none;