Rotonde / rotonde-client

Rotonde Base Client

Home Page:https://client-neauoire.hashbase.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Change runes definition to css classes

afk-mario opened this issue · comments

commented

Currently the runes are added by java script to the feed and portal, if it was changed to a css classes system, it would be easier to customize.

For example:

<t class="portal">
	<a href="dat://"><i class="rune-self"></i>afk_mcz</a>
</t>
<t class="portal">
	<a href="dat://"><i class="rune-both"></i>user_who_follows_you</a>
</t>
<t class="portal">
	<a href="dat://"><i class="rune-follow"></i>user_who_doesn't</a>
</t>
:root {
	--rune-self: "▲";
	--rune-both: "@";
	--rune-follow: "~";
}

.rune-self {
	content: var(--rune-self);
}

.rune-both {
	content: var(--rune-both);

}

.rune-follow {
	content: var(--rune-follow);
}

:custom-css {
	--rune-self: "▲";
	--rune-both: "◢";
	--rune-follow: "◣";
}

Good call, I'll get on this.

Note that you can't set content of something directly - AFAIK you can only set the content of pseudo elements such as before and after. Setting content of the element directly didn't work in my testing.

Implemented