Mention Type Indicators

Mention Type Indicators

Install
Salvatos
11th Nov, 2023
264 installations 32 likes

Adds an icon after every entity mention to indicate the type of entity in question. The icons used match those in the main sidebar on a default campaign; they may not match if you changed those in your campaign CSS or with a theme like Guardian’s Futuristic Icons.

You can change the icon size by adding the following to your campaign CSS and changing the default 12px:

.entity-mention::after {
    --mention-icon-size: 12px;
}

This can be used side-by-side with my External Link Icons theme without conflict.

Want to show appreciation for my plugins or request one-on-one CSS help? I accept tips on Ko-fi (no account needed): Support me on Ko-fi.com

Latest version 2.0

Released 1 year ago on 11th Nov, 2023

Compatibility update for Kanka 2.0

CSS rules

/* BEGIN Mention Type Indicators by Salvatos */
.entity-mention::after {
	font-size: var(--mention-icon-size, 12px);
}
.entity-mention[data-entity-type="character"]::after {
	content: " \f007";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="location"]::after {
	content: " \EAD2";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="map"]::after {
	content: " \f279";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="race"]::after {
	content: " \EAEB";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="organisation"]::after {
	content: " \EA03";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="family"]::after {
	content: " \E99E";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="calendar"]::after {
	content: " \f073";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="timeline"]::after {
	content: " \f252";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="race"]::after {
	content: " \EAEB";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="creature"]::after {
	content: " ";
	font-family: "RPGAwesome";
	font-weight: 400;
}
.entity-mention[data-entity-type="quest"]::after {
	content: " \EAE9";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="journal"]::after {
	content: " \EA75";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="item"]::after {
	content: " \E9DF";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="event"]::after {
	content: " \f0e7";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="ability"]::after {
	content: " \E9C2";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="note"]::after {
	content: " \f518";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="tag"]::after {
	content: " \f02c";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
/* END Mention Type Indicators by Salvatos */
 Install

User comments & reviews