jewel/flyout.yml

jewel-flyout

The friend request icon, messages icon, and notifications icons... they are so-called "jewels."

When you click on it, a popup appears. That's called the jewel flyout.

Selectors:

• .jewelFlyout

jewel-flyout--header

Selectors:

• .jewelHeader

jewel-flyout--header(privacy-shortcuts)

Selectors:

• ._8-b ._26y1

jewel-flyout--border

Selectors:

• ._33c
• .messagesContent
• #fbRequestsJewel #fbRequestsFlyout .hasPYMK

jewel-flyout--item

Selectors:

• ._33e
• .messagesContent

jewel-flyout--item--highlighted

Selectors:

• ._4af ._33e
• .jewelItemNew
• .jewelItemNew .messagesContent

jewel-flyout--text

Selectors:

• ._33e
• .messagesContent .author
• .messagesContent:hover .author span

jewel-flyout--see-more

Selectors:

• .jewelFooter a

jewel-flyout--see-more(privacy-shortcuts)

Selectors:

• ._26y3 ._5cw0
• ._26y3 ._5cw1

jewel-flyout--see-more-border

Selectors:

• #fbRequestsList .uiScrollableArea.contentAfter

jewel-flyout(popout-notification)

Selectors:

• ._53ii .uiContextualLayerLeft ._53ij

jewel-flyout(popout-notification)--header

Selectors:

• ._53ii .uiContextualLayerLeft ._53ij .uiHeader