Prosilver Dark Edition

Display issue with topic icons - Prosilver Dark Edition

Display issue with topic icons

by WainPetopia » Tue Jun 22, 2021 3:57 pm

Thanks very much for this theme! I've only just started using it but I'm enjoying it :)

I've noticed one small display issue with the way topics are displayed: if the thread has been assigned a special topic icon then the icon clashes with your standard thread icon in the forum view, like:
BadTopicIcons.png
For some topics, the special icon is almost completely covered, and for others it's partially hidden by the FontAwesome character (like, the pin or the speech bubble).

If I change dl.row-item dt to "position: relative;" it brings the special icon to the front, but it also stops links from working in the topic listings.

Cheers!
WainPetopia
Registered User
Posts: 21
Joined: Thu Jul 18, 2019 5:55 am

Re: Display issue with topic icons

by Gumboots » Sun Jul 18, 2021 11:31 pm

Good catch. I'll apply this to my own copies. However, I found that this works, and the links all still work too:

Code: Select all

.topiclist dt {
    position: relative;
}
Not sure why your links would have stopped working. Did you change anything else at the same time?
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
Gumboots
Registered User
Posts: 848
Joined: Fri Oct 11, 2019 1:59 am

Re: Display issue with topic icons

by WainPetopia » Wed Aug 25, 2021 2:31 am

Gumboots wrote:Good catch. I'll apply this to my own copies. However, I found that this works, and the links all still work too:

Code: Select all

.topiclist dt {
    position: relative;
}
Not sure why your links would have stopped working. Did you change anything else at the same time?
I'm sorry for my slow reply! I must have had notifications turned off.

I didn't explain the link issue very well. If you set "position: relative" on ul.topiclist.dt it fixes the graphical issue, but if you go to the "Last Post" column on the right and look at any links there, they stop working, at least for me. For example, normally the poster's name ("by BlahBlah") is a link to their profile, but the link no longer works with the css change applied. On the board's main page (but not subforum pages - at least not for me) it also lists the name of the last post ("Re: my topic..") as a link, but that also stops working with the css change applied. At least for me.
WainPetopia
Registered User
Posts: 21
Joined: Thu Jul 18, 2019 5:55 am

Re: Display issue with topic icons

by GTI » Wed Aug 25, 2021 10:55 am

Hiyaaa
The only way I found that seems to keep the links working was by adding this snippet to the bottom of the common.css stylesheet.

Code: Select all

.forumbg dl.row-item dt {
    position: inherit;
}

.forumbg ul.topiclist li.row dd {
    position: inherit;
}

.forumbg ul.topiclist dfn {
    position: fixed;
}
Note: the .forumbg is there so that it only affects the topic list.


If you use icons on your PM's too you will want to add this one on the next line down from the above snippet,

Code: Select all

.pmlist dl.row-item dt {
    position: inherit;
}

.pmlist .mark input {
    position: relative;
}
Note: the .pmlist is there so that it only affects the PM list.


I have only tested these snippets with Firefox though.
Most of us will enjoy Christmas in the comfort of our own homes this year, however, sadly, that can't be said for people in the Ukraine who are suffering day after day, due to the Russian invasion.

If you would like to make a small donation to help Ukrainians in their time of need, you can donate to help all Ukrainians via BritishRedCross or you can donate to help the Ukrainian children via Unicef. 🇺🇦 Thank You 🇺🇦
User avatar
GTI
Registered User
Posts: 300
Joined: Mon Aug 24, 2020 4:59 pm
Location: West Sussex
Name: Laura

Re: Display issue with topic icons

by WainPetopia » Thu Aug 26, 2021 3:46 pm

Great, thanks! :)
WainPetopia
Registered User
Posts: 21
Joined: Thu Jul 18, 2019 5:55 am