chat/nub.yml
chat-nub
The chat tabs that appear at the bottom of the page, at the left of the chat sidebar.
Not sure why, but facebook calls them "nub". It's a cute name though, I think.
Selectors:
- .fbDock .rNubContainer
chat-nub--button
The tab buttons. This may refer to
- the translation button
- the chat tab (closed one)
- the chat button (when the sidebar is closed)
Selectors:
- .fbNubButton
chat-nub--online-count
The friend count in the chat button.
Selectors:
- .fbNubButton .label .count
chat-nub--name
Selectors:
- .fbChatTab .name
chat-nub--decoration
In the new Facebook UI design (March 2014), facebook added rounded borders to chat tabs.
Selectors:
- ._5q5b .fbNubButton:before
- ._5q5b .fbNubButton:after
chat-nub-flyout
When you click on a nub button, it expands! It became a nub flyout. For example, an opened chat tab.
Selectors:
- .fbNubFlyout
chat-nub-flyout--content
The contents of the nub flyout, which should be styled black.
Selectors:
- .fbNubFlyoutHeader
- .fbNubFlyoutBody
- .fbNubFlyoutAttachments
- .fbNubFlyoutFooter
chat-nub-flyout--body
Selectors:
- .fbNubFlyoutBody
chat-nub-flyout--footer
This footer contains the message input box for chat tabs.
Selectors:
- .fbNubFlyoutFooter
chat-nub-flyout--titlebar
Selectors:
- .fbNubFlyoutTitlebar
chat-nub-flyout--titlebar--active
Selectors:
- .focusedTab .fbNubFlyoutTitlebar
chat-nub-flyout--attachments
When sharing a link, the link information displays in the attachment.
Selectors:
- .fbNubFlyoutAttachments
chat-nub-flyout--attachments--shelf
Selectors:
- .fbNubFlyoutAttachments .chatAttachmentShelf
chat-nub-flyout--attachments--shelf--border
Selectors:
- ._2qh
chat-nub-flyout--unread-count
The unread count in the more menu.
Selectors:
- ._51jt .unreadCount