forums.rs

Forums

RS-Linkify Thread is sticky

Quick find code: 261-262-33-65181208

of 1105
Body btw

Body btw

Posts: 19,488 Opal Posts by user Forum Profile RuneMetrics Profile
It only happens for me when I highlight the text and then hit "quote", does that make sense?

edit --------- I know what's happening. I'm hitting the wrong quote bubble when I highlight the text ... facepalm. I'm sorry for cluttering up your thread ;_;
"Why are you posting threads, asking questions and making discussion???"


All I do anymore is fish - 2017

03-Apr-2015 22:09:08 - Last edited on 03-Apr-2015 22:13:51 by Body btw

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Body btw said :
It only happens for me when I highlight the text and then hit "quote", does that make sense?

edit --------- I know what's happening. I'm hitting the wrong quote bubble when I highlight the text ... facepalm. I'm sorry for cluttering up your thread ;_;

That's actually really good for me to know, I need to do something to prevent that from happening :)

Seriously that's a huge help that you isolated it. Thank you and it's not clutter, but you can clutter up my thread any time! :)

03-Apr-2015 22:40:09

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Small Update. Version 3.1.7.84

- Added a measure to prevent lBody (and anyone else) from breaking quotes :)

- I have given the avatars hover effect a smooth transition (because it was annoying me).

- Mini avatars now have the same hover effects as regular avatars.

- Made some other small text selection quoting improvements.

That's about it, nothing exciting. I mostly wanted to address the quoting the issue :)




04-Apr-2015 02:04:18

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Message to Ryan M (and anyone who may be interested)

Regarding this...
http://i.imgur.com/6NLMAK9.png

As you know the same issue can be seen on Fmod posts when hovering over their forum badge. See here for an example where the signature colour plays up when hovering the badge.

You'll notice since I have added the transition to avatars and the bug wont happen. The same fix I have also applied to Linkify Badges, and I'll likely extend it to Fmod badges too.

In case you're wondering about the fix, it's really very simple.

The basics is to throw the transitions over to the GPU. This works best on absolute positioned elements since the document flow wont be changed, else you may not always get the desired results depending on the animation. But these animations don't mess with the document flow so it doesn't matter so much.

Once the GPU takes care of the transition the z-indexes won't be honoured because the GPU can't see the the document's hierarchy.

So it may be needed to tell the GPU it's not meant to be topmost, buy sending the parent element to the GPU too. This way it's rendered in the same order as the browser. Just depends on the elements. I used a different way to achieve this below.

So to do this is pretty basic for the badges & avatars.

.linkify-post-avatar__figure { transform: translate3d(0, 0, 0); }

^Avatar parent

.linkify-post-avatar__figureChild { transform: translate3d(0, 0, 0); }

^ Badge element for example.

By targeting the avatar parent my overflow:hidden is honoured. If I target the avatar it's not.

Another upside to this being smoother traditions.

Why does this work?

translate3d only works on the targeted elements, where as some CSS transition properties kick in text anti-aliasing font smoothing and such, I'm guessing this because it expects the document flow to change.

04-Apr-2015 02:09:55 - Last edited on 04-Apr-2015 03:21:46 by Indecent Act

Morgan

Morgan

Posts: 36,054 Sapphire Posts by user Forum Profile RuneMetrics Profile
Were you referring to this? Haha :P
http://puu.sh/h0JGm.png

E: I'm now hot choccy powered again! Woo!
E2: Since you've made smooth thingy for avas, would it be possible to do it for the yellow buttons as well? I mean, up to you, but for consistency's sake that is :P
E3: this type of yellow button: http://puu.sh/h0JOn.png

04-Apr-2015 03:14:47 - Last edited on 04-Apr-2015 03:17:11 by Morgan

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Yep I most likely will do that ­<3

Main reason I did avatars first was to address what seemed to be a bug, but as I showed in the post above to Ryan M, I'm not so sure it's a bug now because with a better understanding of how things work I'm able to get the results I desired.

Oh did you hover over your badge?

04-Apr-2015 03:25:29

Morgan

Morgan

Posts: 36,054 Sapphire Posts by user Forum Profile RuneMetrics Profile
Yes, I did. It's the FMod transition, nice work!

More things that should be smooth:
http://puu.sh/h0KDM.png
http://puu.sh/h0KEk.png
http://puu.sh/h0KFv.png
http://puu.sh/h0KMu.png

Kidding, haha :P

I've become SMOOTHSESSED!

04-Apr-2015 03:36:35

Ryan M
May Member 2008

Ryan M

Posts: 3,095 Adamant Posts by user Forum Profile RuneMetrics Profile
I figured you'd eventually add the 3d fix for the flashing text that was noticable on coin-flip FMods. Currently on my iPhone 5c at a hockey game (Tulsa), so I can't see it at the moment. I was looking at StackOverflow from the other day about this same thing. If I notice anything odd when I get back to my computer, I'll let you know.

04-Apr-2015 03:52:20

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
That'll be great Ryan M :)

You have fun at hockey. I assume since you're on the phone you aren't playing :)

Morgan said :
Yes, I did. It's the FMod transition, nice work!
Well I wrote my own, but yeah inspired (or ripped off) from the fmod badge.

I was going add some other effects but I decided against it. Quickly ends up a bit over the top :)

04-Apr-2015 04:04:17 - Last edited on 04-Apr-2015 04:06:45 by Indecent Act

Quick find code: 261-262-33-65181208 Back to Top