ENH: Treasure look

master
U~man 2020-07-14 11:02:58 +02:00
parent cb9226e764
commit c022f07bcb
2 changed files with 16 additions and 6 deletions

View File

@ -3,8 +3,8 @@ export const augmentTable = (table, html, data) => {
let head = html.find(".sheet-header"); let head = html.find(".sheet-header");
const flag = table.object.getFlag("ose", "treasure"); const flag = table.object.getFlag("ose", "treasure");
const treasure = flag const treasure = flag
? "<div class='toggle-treasure'><a><i class='fas fa-gem'></i></a></div>" ? "<div class='toggle-treasure active'></div>"
: "<div class='toggle-treasure'><a><i class='far fa-gem'></i></a></div>"; : "<div class='toggle-treasure'></div>";
head.append(treasure); head.append(treasure);
html.find(".toggle-treasure").click((ev) => { html.find(".toggle-treasure").click((ev) => {
@ -79,5 +79,5 @@ async function rollTreasure(table, options = {}) {
"systems/ose/templates/chat/roll-treasure.html", "systems/ose/templates/chat/roll-treasure.html",
templateData templateData
); );
ChatMessage.create({ content: html }); ChatMessage.create({ content: html, sound: "/systems/ose/assets/coins.mp3" });
} }

View File

@ -20,9 +20,19 @@
.sheet-header { .sheet-header {
.toggle-treasure { .toggle-treasure {
flex: 0 0 30px; flex: 0 0 30px;
font-size: 30px; font-size: 26px;
line-height: 30px; line-height: 25px;
margin: 0 8px; color:white;
margin: 0 2px 5px 8px;
border-radius: 8px;
background: url("/systems/ose/assets/chest.png") no-repeat center;
background-size: cover;
padding: 5px 8px;
cursor: pointer;
filter: grayscale(1) opacity(0.5);
&.active,&:hover {
filter: none;
}
} }
} }
@keyframes notify { @keyframes notify {