STO Awakening.jpg

Talk:Mission: The New Link (original)

From Star Trek Online Wiki
Jump to: navigation, search

Iconlinks in the infobox[edit source]

Are the iconlinks showing up as "nested" for anyone else? KarikaCommunicator 23:02, 2 April 2012 (UTC)

There's a bunch of them like that. Using Firefox 11.0 on Windows 7 just for reference. I raised the issue on a talk page a few weeks ago but there was never any follow up. It's probably one of the templates missing a trailing div or something like that. --Drmike 23:05, 2 April 2012 (UTC)
They look fine to me, I'm using Chrome (Win7@home). —Dr Ishmael User Dr ishmael Diablo the chicken.gif 01:54, 3 April 2012 (UTC)
I did fiddle with it a bit to see if I could make it better but I just made it worse. I put it back. I'll upload a screen cap in a second to show what we're seeing. --Drmike 11:48, 3 April 2012 (UTC)
Picture. The weird thing is that this only shows up on like 1 out of every 3 of these missions. Hope this helps. (edit: Dang. MSPaint on windows 7 really compresses jpgs. That picture looks so pixelated to me.) --Drmike 11:53, 3 April 2012 (UTC)

Stepping list.jpg

I just checked in Firefox 11 (WinXP@work), and it still looks fine to me (icons in a straight vertical line). The only difference I see between Chrome and Firefox is that the bullets are visible in Firefox, but in Chrome the icons are shifted left so that they overlay the bullets. —Dr Ishmael User Dr ishmael Diablo the chicken.gif 14:22, 3 April 2012 (UTC)
I see it now. You're using a different font somehow for the item names that is shorter than the default one (FuturaBody). With the default font, when the item name wraps to a second line, the height of the text is taller than the icon, so no "nesting" occurs. But with your font, even 2 lines of text is shorter than the icon, so that the positioning of the next icon is affected by the first one. I figured this out by using Firebug to increase the width of the infobox to where the item name was on a single line.
{Coloricon} isn't broken, per se, but it does need to be updated to avoid this layout issue. I'll see what I can do. —Dr Ishmael User Dr ishmael Diablo the chicken.gif 14:34, 3 April 2012 (UTC)
That was an easier fix than I thought. Just need to add a CSS rule, I'll poke Eyes (in the eyes! bahaha >.> ) about that. —Dr Ishmael User Dr ishmael Diablo the chicken.gif 15:08, 3 April 2012 (UTC)
Never mind, of course it's not that easy - the fix I had would've made lists with short item names and without icons look odd (lots of whitespace between them). Ugh. —Dr Ishmael User Dr ishmael Diablo the chicken.gif 15:31, 3 April 2012 (UTC)
Ugh, now I remember why I hate messing with layouts in CSS... it's a bloody pain in the ass. Anyway, I think I finally found a relatively simple solution, similar to the first one I'd thought of. Just make each of the <li>'s clear all floats (style="clear:both"). I've posted the CSS to Eyes so he can put it in. —Dr Ishmael User Dr ishmael Diablo the chicken.gif 18:27, 3 April 2012 (UTC)