Easy Responsive Footer

i’m glad that help @volanar :slight_smile:

2 Likes

Probably, it is worth making changes to the component so that everything works perfectly by default, without custom code.

2 Likes

i believe the reverse color scheme is intended for this component, and the various classes are there so that the footer can be customized for specific forum needs just as you have now :slight_smile:

perhaps a PR for an option to flip the color variables could be made? :thinking:

3 Likes

Hello footer fans! This component was recently refactored: DEV: use dasherize, update user-input classnames to data-attrs (#33) · discourse/Discourse-easy-footer@68b9972 · GitHub

This won’t affect most people, but I removed the class names that are applied to each link — previously a class containing the link name was added to each link, and unfortunately this meant that if you happened to name your link the same as some class name throughout Discourse, you could get unwanted results.

So for example, if you had a link called “alert” or “spinner” you’d get some unintended clashes with some styles within Discourse:

image

These are the most apparent examples, but there are hundreds of potential class names to get caught up in.

So after updating, if you used CSS to edit these links in any way previously, you’ll have to update your class names:

Previously:

.my-link-name {
  background: red;
}

Updated:

[data-easyfooter-link="my-link-name"] {
  background: red;
}

This avoids any possible name clashes.

7 Likes

Hi, how to disable this theme component on the channel and thread pages?

in chat the html element gets the class has-full-page-chat… so you can probably do this with a little CSS:

.has-full-page-chat .below-footer-outlet.custom-footer {
  display: none;
}
4 Likes

Good morning,

Is there a possible way to reduce the prominence of some of the outdated topics on the homepage? I would prefer to display only the most recent month or two, in order to minimise clutter.

I have checked the admin/site_settings/category/basic section, where I believe the solution might be found. However, there are several options to consider.

Consequently, I am able to incorporate a user-friendly responsive footer into the forum. However, to view it, one must scroll to the very end of the homepage, where the forum’s inception in 2021 is marked.

Thanks @awesomerobot for this CSS workaround.

For the records, the reason why I am using it is that the footer unexpectedly pops up in personal chat, reducing the height available for the messages and keyboard. On some phone it makes it a challenge. It’s surprising since on all other pages the footer is hidden until we scroll it up.

Edit: tested on both Android and iPhone apps.

1 Like

New Twitter/X logo

Apologies for what is probably a really simple question,

How is everyone updating the new twitter link to the X logo. I tried to find the right fab name to add in the footer settings but I can’t get it to work.

1 Like
3 Likes

It would be good if you can let the Blurb and Blurb Title empty and that it then will also skip the div for this content (so the link headers start left - or even better, make it configurable if they should start left and if they should strech out).

1 Like

Some recent upgrade completely killed the footer: although no setting changed at all, it now displays the defaults, which are very not compatible and show links we never wanted in the first place.

How to fix the footer to restore the actual customization that did not change?

1 Like

Ah yes, sorry about that. I think this was due to a theme setting update. If you re-save your settings it should all come good again. eg. add a space to a setting value and save (and then remove the extra space again, re-save).

2 Likes

I tried this out but it’s really odd when you remove the columns. Is there a version of this that can be installed that doesn’t have the need for the text columns? How do you change colors?

Let’s say I wanted to add in things like a “Youtube subscribe” javascript code?

This is a really great theme component!
Can we support html in the Blurb section? I want to insert multiple <a href=""></a> links in it. Also I think the word count limit is really useless.
Thanks!

Hi there,
maybe someone can help me out.
The footer itself works perfectly - but somehow it is not shown on the login page although the option “show footer on login…” is checked and the discourse installation is private (login_required is checked).
Is there anything that I missed?
Thanks for your help!

1 Like

@JimPas

Suddenly the footer appeared on the login page.
Unfortunately I can’t trace back the changes that led to the solution, but I guess rebuilding discourse ( ./launcher rebuild app ) helped.

1 Like

This was a bug in the theme component and has been fixed in

3 Likes

Just dropping a note here that I merged in a change today which migrates the link_sections and links theme settings to type: objects which we recently just released.

We don’t expect things to break with this migration but if they do, please drop a note here to let me know.

2 Likes

thanks for this nice component. When I try to to update to the last version I get this error message:

An error occurred: You supplied invalid parameters to the request: 
The property at JSON Pointer '/0/links/0/referrer_policy' must be one of the following ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "unsafe-url"]. 
The property at JSON Pointer '/1/links/0/target' must be one of the following ["_blank", "_self", "_parent", "_top"]. The property at JSON Pointer '/1/links/0/referrer_policy' must be one of the following ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "unsafe-url"]. 
The property at JSON Pointer '/2/links/0/target' must be one of the following ["_blank", "_self", "_parent", "_top"]. The property at JSON Pointer '/2/links/0/referrer_policy' must be one of the following ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "unsafe-url"].

I’m 4 commits behind, if that is helpful information.