some more icons fixed

renamed "role" to "character"
This commit is contained in:
Steffen 2020-04-28 22:22:28 +02:00
parent 0fb87b242e
commit 66cdf6729e
No known key found for this signature in database
GPG Key ID: 764D74E98267DFC6
4 changed files with 24 additions and 11 deletions

View File

@ -135,6 +135,7 @@ export default {
.circle .player { .circle .player {
margin-bottom: 10px; margin-bottom: 10px;
padding-top: $token + 6px; padding-top: $token + 6px;
padding-bottom: 5px;
.shroud { .shroud {
top: 0; top: 0;
@ -273,13 +274,19 @@ export default {
span.screenshot, span.screenshot,
span.remove { span.remove {
display: none; display: none;
margin: 0 5px; position: absolute;
flex-shrink: 0; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
flex-grow: 0;
#app.screenshot & { #app.screenshot & {
display: none; display: none;
} }
} }
span.screenshot {
right: 100%;
}
span.remove {
left: 100%;
}
span.name { span.name {
flex-shrink: 1; flex-shrink: 1;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -5,7 +5,7 @@
@close="close()" @close="close()"
v-if="nontravelerPlayers >= 5" v-if="nontravelerPlayers >= 5"
> >
<h3>Select the roles for {{ nontravelerPlayers }} players:</h3> <h3>Select the characters for {{ nontravelerPlayers }} players:</h3>
<ul <ul
class="tokens" class="tokens"
v-for="(teamRoles, team) in roleSelection" v-for="(teamRoles, team) in roleSelection"
@ -25,8 +25,8 @@
</li> </li>
</ul> </ul>
<div class="warning" v-if="hasSelectedSetupRoles"> <div class="warning" v-if="hasSelectedSetupRoles">
Warning: there are roles selected that modify the game setup! The Warning: there are characters selected that modify the game setup! The
randomizer does not account for these roles. randomizer does not account for these characters.
</div> </div>
<div class="button-group"> <div class="button-group">
<div <div
@ -36,10 +36,12 @@
disabled: selectedRoles > nontravelerPlayers || !selectedRoles disabled: selectedRoles > nontravelerPlayers || !selectedRoles
}" }"
> >
Assign {{ selectedRoles }} roles randomly <font-awesome-icon icon="people-arrows" />
Assign {{ selectedRoles }} characters randomly
</div> </div>
<div class="button" @click="selectRandomRoles"> <div class="button" @click="selectRandomRoles">
Randomize roles <font-awesome-icon icon="random" />
Shuffle roles
</div> </div>
</div> </div>
</Modal> </Modal>

View File

@ -61,7 +61,7 @@
</ul> </ul>
</Modal> </Modal>
<Modal v-show="availableRoles.length && selectedPlayer" @close="closeModal"> <Modal v-show="availableRoles.length && selectedPlayer" @close="closeModal">
<h3>Choose a new role:</h3> <h3>Choose a new character:</h3>
<ul class="tokens"> <ul class="tokens">
<li <li
v-for="role in availableRoles" v-for="role in availableRoles"

View File

@ -15,7 +15,9 @@ import {
faUsers, faUsers,
faVoteYea, faVoteYea,
faCheckSquare, faCheckSquare,
faSquare faSquare,
faRandom,
faPeopleArrows
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@ -33,7 +35,9 @@ library.add(
faUsers, faUsers,
faVoteYea, faVoteYea,
faCheckSquare, faCheckSquare,
faSquare faSquare,
faRandom,
faPeopleArrows
); );
Vue.component("font-awesome-icon", FontAwesomeIcon); Vue.component("font-awesome-icon", FontAwesomeIcon);