FriendsOfFlarum Links

peopleinside

Arnold

peopleinside I've had the same issue with this update. Turning the extension off and on solved the problem somehow. If you have access to your admin section, of course.

IanM

IanM php flarum migrate

peopleinside

Arnold

peopleinside

Arnold great thanks! Works!

Arnold

IanM thanks! It would be nice to copy update instruction to each new version post. Because it's pretty easy to forget about php flarum migrate 😉

IanM

0.5.4

Add rel="noopener" to external links FriendsOfFlarum/links35

Thank you @davwheat

Updating

composer require fof/links:"*"
php flarum cache:clear

Justoverclock

Some issue here:

clarkwinkelmann

Justoverclock the issue is tracked here FriendsOfFlarum/links20

There's no real other solution except using shorter or fewer links at this time. And people will always be able to break it by registering longer usernames.

gartaguel

Justoverclock
I use this solution is not perfect but it works:
.Navigation-back { pointer-events: auto !important; } .ButtonGroup>.Button:first-child:not(:last-child):not(.Dropdown-toggle) { pointer-events: none; }

JohnP

clarkwinkelmann And people will always be able to break it by registering longer usernames.

We had this issue on the site we are building, and decided that the users avatar was enough, so hid the username from the menubar with display:none.

fakruzaruret

clarkwinkelmann May be added dots show that there is more links. like this ghost theme

https://shoji.fueko.net/

ctml

Another option which I do is to add some css to set a max width to the username label and have the overflow as an ellipsis.

A second way if you have a lot of links is to increase the fixed width of the forum from the default, I do both of these but not specifically for the above issue.

Justoverclock

fakruzaruret May be added dots show that there is more links like this ghost theme

how can i do that, i think is an elegant solution

Trombert

fakruzaruret Justoverclock MikeJones

Some time ago I had the same doubt and @Pollux commented a very interesting CSS solution with which adapting it you can get the same result as in https://shoji.fueko.net/.

The @Pollux solution in question allows you to have links that allow you to directly display the dropdown menu when you click on them, actually what you are doing is hiding the text of the link itself and changing the content of the small down arrow of the FoF Links dropdown.

.item-link1 a, .item-link2 a {
    display: none;
}

.item-link1 .fa-caret-down::before {
    content: "Q & A";
}

.item-link2 .fa-caret-down::before {
    content: "Legal Stuff";
}

#header-primary .fa-caret-down {
    font-family: inherit;
    font-size: 100%;
}

I adapted this solution for https://brickdose.com (you can see it live there) to have just the three dots and have them act as a dropdown button

.item-link18 a {
      display: none;
 }

.item-link18 .fa-caret-down::before {
      font-family: "Font Awesome 5 Free";
      content: "\f141";
      font-size: 120%;
      margin-left: 10px;
 }

clarkwinkelmann

You should be able to manually create a dropdown in the extension. You could set its label to "..." and put more links under it (drag them under and right like sub tags).

MikeJones

clarkwinkelmann the ... Has to have a link though, right? No way to have it be an empty link just to trigger the drop down?

clarkwinkelmann

MikeJones if you scroll up this discussion I believe there are a few options discussed for how to create links that don't go anywhere. Not all of them can be inserted from the UI, but you could always insert them in the database directly, like # or javascript:;

Justoverclock

Trombert but still not responsive

Trombert

Justoverclock Actually that's more my problem than anything else, since the web is not optimized for that intermediate screen size between desktop and mobile, I'm currently working on a third view to have desktop, mobile and laptop/tablet view.

But basically it is trying to accommodate the elements through CSS with @media only screen and (max-width: ???px) and rules, in fact that problem you are experiencing could be fixed simply by removing the text "Sign Up" and "Log In" leaving only the icons for those actions, decreasing the site margins and logo. That way there would be plenty of space to avoid collapsing the header.

GameBurrow

This is marked in https://extiverse.com/extension/fof/links as beta.16 compatible but according to compose/packagist reguires older version than beta.16: https://packagist.org/packages/fof/links

luceos

GameBurrow an older version had less strict constraints and will be installed when updating. Do not update just yet.

« Previous Page Next Page »