martyn
/
townsquare
mirror of https://github.com/bra1n/townsquare.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add warning icon for setup roles in character assignment modal

This commit is contained in:
Steffen 2021-04-09 21:33:52 +02:00
parent d4e144f0f0
commit 1dae16f924
No known key found for this signature in database
GPG Key ID: 764D74E98267DFC6
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/modals/ReferenceModal.vue
View File

@ -231,11 +231,21 @@ ul {
} }
ul { ul {
li { li {
.icon { width: 6vh; } .icon {
.role { line-height: 100%; } width: 6vh;
.name { font-size: 100%; } }
.player { font-size: 100%; } .role {
.ability { font-size: 90%; } line-height: 100%;
}
.name {
font-size: 100%;
}
.player {
font-size: 100%;
}
.ability {
font-size: 90%;
}
} }
} }
} }

13
src/components/modals/RolesModal.vue
View File

@ -17,6 +17,7 @@
@click="role.selected = role.selected ? 0 : 1" @click="role.selected = role.selected ? 0 : 1"
> >
<Token :role="role" /> <Token :role="role" />
<font-awesome-icon icon="exclamation-triangle" v-if="role.setup" />
<div class="buttons" v-if="allowMultiple"> <div class="buttons" v-if="allowMultiple">
<font-awesome-icon <font-awesome-icon
icon="minus-circle" icon="minus-circle"
@ -177,6 +178,9 @@ ul.tokens {
.buttons { .buttons {
display: flex; display: flex;
} }
.fa-exclamation-triangle {
display: block;
}
} }
&.townsfolk { &.townsfolk {
box-shadow: 0 0 10px $townsfolk, 0 0 10px #004cff; box-shadow: 0 0 10px $townsfolk, 0 0 10px #004cff;
@ -197,6 +201,15 @@ ul.tokens {
transform: scale(1.2); transform: scale(1.2);
z-index: 10; z-index: 10;
} }
.fa-exclamation-triangle {
position: absolute;
color: red;
filter: drop-shadow(0 0 3px black) drop-shadow(0 0 3px black);
top: 5px;
right: -5px;
font-size: 150%;
display: none;
}
.buttons { .buttons {
display: none; display: none;
position: absolute; position: absolute;