Add profile indicator feature
This experimental feature adds an indicator dot next to the OP's
username in order to indicate whether the OP has participated in more
threads in the same forum.
The dot can indicate the following states:
* Blue: the OP has only participated in the current thread.
* Orange: the OP has participated in other threads, but at least the
last 5 ones have been read by the user.
* Red: the OP has participated in other threads, some of which haven't
yet been read by the user.
Change-Id: Ib358d88dacfe0e713247d7757cf7eea1a2b4f8e9
diff --git a/src/console_profileindicator_inject.css b/src/console_profileindicator_inject.css
new file mode 100644
index 0000000..67b0501
--- /dev/null
+++ b/src/console_profileindicator_inject.css
@@ -0,0 +1,47 @@
+ec-user-link.name > * {
+ vertical-align: middle;
+}
+
+.profile-indicator {
+ margin-left: 4px;
+}
+
+.profile-indicator a {
+ text-decoration: none!important;
+}
+
+@keyframes loading-profile-indicator {
+ from {
+ opacity: 0.25;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+.profile-indicator.profile-indicator--loading a {
+ color: #6f6f6f;
+
+ animation-duration: 0.75s;
+ animation-name: loading-profile-indicator;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+}
+
+.profile-indicator.profile-indicator--first-post a {
+ color: #1976D2;
+}
+
+.profile-indicator.profile-indicator--other-posts-read a {
+ color: #FF8F00;
+}
+
+.profile-indicator.profile-indicator--other-posts-unread a {
+ color: #C62828;
+}
+
+.profile-indicator a {
+ opacity: 1;
+ transition: opacity 1s, color 1s;
+}