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>
</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">
<span class="is-size-4">Glyphs</span>
<div class="glyphs"></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">
<span class="is-size-4">Glyphs</span>
<div class="glyphs"></div>

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

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

4
static/css/character.css
View file

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