0.3.0

  • Update meta for beta 16
Updating
composer require fof/bbcode-details:"*"
    a month later
    a month later
    6 days later

    FriendsOfFlarum @[deleted] could you create a css that we can use to make the header title look like a button an drop up and down arrow like this photo

        [deleted] yes! You previously helped me with the hero title. How to do this? awesome forum you got there!

            • [deleted]

            • Post #34

            Braden Thanks very much. It's a CSS only solution but put together as a page. I'll post this tomorrow as there's a fair amount and I'm on mobile at present.

                [deleted] After 2 hours of monitoring i was able to make it happen. 🥳 

                details summary {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: #eee;
    font-weight: bold;
    cursor: pointer;
}

                  • [deleted]

                  • Post #36

                  @[deleted] Can you share metabullet css it is more proper

                  6 months later
                  3 months later

                  datitisev
                  Hey there, could you perhaps help me out with an issue I´m having. I would like to format the description title itself, but any kind of code I use is being applied only to the hidden text, not the title.
                  Any suggestions?

                      RichardBanic The way the current BBCode markup works, I think it's just not supported by TextFormatter to have formatting in the bbcode tag attributes (or whatever they're called, in the title=.... I might be wrong, but this is my first thought.

                        a month later

                        I installed this extension but I couldn't find how to use it?

                          murdocklawless

                          [DETAILS title={TEXT1;optional}]{TEXT2}[/DETAILS]

                          So:

                          [details title=some title]other stuff comes here[/details]

                            i would to remove this black arrow before details using css. Someone help

                              murdocklawless That arrow is added by the browser, I believe. The down arrow appears when the details element has been expanded.

                              You might be able to use the following CSS:

                              summary:before {
  content: "+";
  color: red;
  float: left;
  margin-right: 10px;

  details[open] & {
    content: "-";
  }
}

                              Braden Looks like the following should work

                              summary::-webkit-details-marker {
 display: none
}

                              Code obtained from a StackOverflow answer

                                    4 months later

                                    Hi! I have some strange problems with css for this extension. I dont have triangle simbols before summary and I dont have triangle simbols without summary:

                                    It turns out that without triange, if I add details code without summary - its just dissapear...

                                    I try change triangles to + and - in FLARUM\vendor\fof\bbcode-details\less\forum.less but this doesn't change anything

                                    Looks like default CSS(in forum.less) use some rule what did not involved:

                                    .no-details {
  details {
    summary:before {
      content: 'â–º ';
      font-size: 12px;
    }

    &.open > summary:before {
      content: 'â–¼ ';
    }
  }
}

                                    I add this to custom css (in admin panel) and now triangles appeare before summary:

                                    details {
  summary:before {
    content: 'â–· ';
  } 

  &[open] > summary:before {
    content: 'â–½ ';
  }
}

                                      taravasya what browser are you using? Did you try different browsers? Did it work at some point in the past or on a different forum with the same browser?