Phenomlab Technology Forum

HuseyinKogo

[deleted] legend thank you very much

[deleted]

HuseyinKogo

back again with the separators, so i have placed them where i want them, however want to moved to the bottom when the tag is expanded. (please see the attached images)

Pollux

HuseyinKogo so i have placed them where i want them, however want to moved to the bottom when the tag is expanded.

Why don't you just apply a border at the top of the HSC tag (assuming 24 is the tag's id)?

li.item-tag24 {
    border-top: 1px solid #313131;
    margin-top: 10px;
    padding-top: 10px;
}

[deleted]

You'll need to find the ID of the tag identified as "Forum Games" then add the same CSS code I provided earlier. If you let me know the URL for your site, I can provide the actual code you need. Note, that if you move the tags around, the bottom border will follow it as it's associated to the tag ID.

EDIT - actually, just reading this again, for that to work, you'd need an event to bind it to and would probably have to use JS (JavaScript). The problem with this is that any JS will execute on page load, but because Flarum is an SPA (Single Page Application), you'd need an extension (or perhaps leverage extend.php) to perform such a task (I think - perhaps the devs can clarify)

[deleted]

[deleted] Here it is ! Sorry it took so long to post.
https://discuss.flarum.org/d/24017-create-posts-from-rss-feeds

[deleted]

[deleted] Thanks a bunch! 🙂

[deleted]

I've now started posting articles I've previously written for a variety of different sources. I own the rights to these, so felt I should give them an airing 🙂

If you're into security, you'll certainly be into these

https://hub.phenomlab.com/t/meta

[deleted]

I thought of adding a symbol to an unread post to make it easier to identify. The end result is this - not completely sold on the star, but for now

CSS below

.DiscussionList:not(.DiscussionList--searchResults) .unread .DiscussionListItem-title:before { content: "\f005"; font-family: "Font Awesome 5 Pro"; margin-right: 10px; color: #FFD700; font-weight: 600; }

Obviously, I'm using Font Awesome Pro, so just substitute it for the free version, but you'll need to change the unicode reference to the free version as shown here
https://fontawesome.com/icons/star?style=regular

Or, taking this one step further, and replacing the "star" with a message envelope

Associated CSS

body.dark .DiscussionList:not(.DiscussionList--searchResults) .unread .DiscussionListItem-title:before { content: "\f0e0"; font-family: "font awesome 5 pro"; margin-right: 10px; color: #FFD700; font-weight: 400; } body.dark .DiscussionList:not(.DiscussionList--searchResults) .read .DiscussionListItem-title:before { content: "\f2b6"; font-family: "font awesome 5 pro"; margin-right: 10px; color: #909090; font-weight: 400; }

HuseyinKogo

[deleted] thanks very much , just added this code on the css section, however, how do I stop the fa-solid-900.woff2 & a-regular-400.woff2 loading?

Because I'm after using system stack font, where I don't want any fonts loading.

[deleted]

HuseyinKogo If you don't want any fonts loading, then the only way you could realistically do that is to either host them locally so no calls are made, or prefer "system" in the CSS. However, doing so would render Font Awesome inoperable ?

Pollux

HuseyinKogo

Fonts are loaded only if they are indeed used by CSS.

You want to remove all occurences of FA in your stylesheets too to avoid ugly placeholders even if you somehow avoid loading the FA fonts. But once you have completed that task there is no more need to disable the inclusion of the FA fonts as they aren't loaded anyway.

HuseyinKogo

[deleted] Pollux
Thanks for the reply,
So I'm now wondering if I remove the Fonts used by Flarum from the assets, and insert the CSS code below. Will this approach be safe?

body, p, h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

[deleted]

HuseyinKogo yes, but you could just use * for the selectors to make it target everything.

clarkwinkelmann

HuseyinKogo I have trouble understanding what exactly you're trying to achieve.

Since many versions, Flarum no longer loads external fonts for its UI. We list many different fonts in our font-family rules, all of which will be loaded from the system fonts if the visitor has them. If you still want to replace those rules with other default fonts, you can find the rules to override by looking for font-family in our source code https://github.com/flarum/core/search?q=font-family, then you can redefine the same rules with one more level of specificity or !important in your custom CSS to override them.

fa-* files are part of FontAwesome, our icon library, which uses font-based icons. If you want to load icons from a different URL, you can customize it by defining the Less variable @fa-font-path: "./fonts"; in your Custom CSS. The font-family rules which load them are inside of the .fas/.far/.fab/... definitions from the Less files in the components/font-awesome package we use. If you have FontAwesome installed locally with a different name, you could replace the @font-face defined by FontAwesome. For example that's the solid variant https://github.com/components/font-awesome/blob/master/less/solid.less

If you prevent fa-* files from loading or replace them with a "normal" font, all icons will dispear and show broken unicode codepoints.

[deleted]

clarkwinkelmann yep. Same as I alluded to here

enricodx

[deleted] How can I put a little separator between primary and secondary tags in the nav?

[deleted]

enricodx That should be there by default - it uses the below CSS

li.Dropdown-separator, .Dropdown-separator {
}

Hari

[deleted] 🧐 Second anniversary is coming!

[deleted]

Hari Feels like much longer !

« Previous Page