role=right on image block's behavior could be improved

[obilodeau]

Odd corner case I faced today. I usually do floating images this way:

== Slide Title

* Some
image:ego-market_paper_cover.png[role=right,width=200px]
* Points
* I'm trying
* To make

But in this case it is ugly:

So trying various things, I think applying a role=right on an image block above the main slide content should do what I want (and be expected behavior for people familiar with html/css).

== Slide Title

image::ego-market_paper_cover.png[role=right,width=200px]

* Some
* Points
* I'm trying
* To make

This gives:

But it's because there is no CSS instruction for role=right. I manually added one:

This is I think what we want. Thoughts?

[mojavelinux]

Yes, as much as possible we should control behavior using designated roles. That way, we maintain the right semantic abstraction.

[joaocmendonca]

Hey @obilodeau could you please post your custom css here? thx!

[obilodeau]

@joaocmendonca its:

.reveal div.right {
        float: right;
}

I'm looking at pushing this in the code right now.