• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.

Issue: A bug you never would have noticed

-GiЯ

Banned
119
Posts
15
Years
    • Age 32
    • G IR
    • Earth
    • Seen Nov 30, 2023
    So a thread is created and an icon is selected, now lets edit that thread. Don't change the thread icon > save > then re edit the thread, the thread icon is gone.
    Discovered while playing in the scrapbox, so this would be mainly when staff edit post. I could not reproduce this error within a standard post.
    Although these edits effect what standard members see, there are no ill effects, and everything will function the way it should.

    This is due to the template posticonbit which probably looks exactly like this:
    HTML:
    <div class='threadicon threadicon-menu-clickable' data-set-threadicon='$iconid'>
      <div class='icon'>
        <img src='$iconpath' alt='$alttext' class='base-icon'>
      </div>
    </div>

    The default selected radio was removed when this template was made. When I noticed this it bothered me, so I fixed it. The new posticonbit should be:
    HTML:
    <label for="rb_iconid_$iconid" class="radio-container">
      <input class="radio-hidden" type="radio" name="iconid" value="$iconid" id="rb_iconid_$iconid" tabindex="1" onclick="swap_posticon('pi_$iconid')" $iconchecked />
      <div class='threadicon threadicon-menu-clickable' data-set-threadicon='$iconid'>
        <div class='icon'>
          <img src='$iconpath' alt='$alttext' class='radio-image base-icon'>
        </div>
      </div>
    </label>

    Classes match PC styling.

    After making that change, the modal div that contains the post icons needs to be thrown INSIDE of the form within the threadadmin_editthread template, then use this CSS in either the default stylesheet [strike]or within the threadadmin_editthread template[/strike]: ***EDIT*** this needs to go in the main stylesheet or radio buttons will show within newthread and other templates. ***END***
    Code:
    .threadicon {
      cursor: pointer;
    }
    .radio-hidden:checked ~ .threadicon {
      opacity: 0.3;
      transform: scale(1.1);
    }
    .radio-hidden {
      position: absolute;
      visibility: hidden;
    }
    .threadicon:hover {
      transform: scale(1.03);
    }
    This will hide the radio button, and also allow users to see what they have selected, everything looks the same visually, basic members won't even notice the change.


    I went ahead and laid this all out for someone to do, but if you have another way I'd personally be curious to know the alt fix ;)
     
    Last edited:
    Back
    Top