Changeset View
Changeset View
Standalone View
Standalone View
web/chat/message-tooltip.css
div.container { | |||||
display: flex; | |||||
flex-direction: row; | |||||
} | |||||
div.containerLeftAlign, | |||||
div.containerCenterAlign { | |||||
flex-direction: row-reverse; | |||||
} | |||||
div.messageTooltipContainer { | div.messageTooltipContainer { | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
align-items: center; | align-items: center; | ||||
font-size: var(--s-font-14); | font-size: var(--s-font-14); | ||||
padding: 8px 0; | |||||
} | } | ||||
div.messageActionContainer { | div.messageActionContainer { | ||||
display: flex; | display: flex; | ||||
flex-direction: row; | flex-direction: row; | ||||
align-items: center; | align-items: center; | ||||
justify-content: center; | justify-content: center; | ||||
background-color: var(--message-action-tooltip-bg); | background-color: var(--message-action-tooltip-bg); | ||||
▲ Show 20 Lines • Show All 42 Lines • ▼ Show 20 Lines | |||||
div.centerTooltipAlign { | div.centerTooltipAlign { | ||||
align-items: center; | align-items: center; | ||||
} | } | ||||
div.rightTooltipAlign { | div.rightTooltipAlign { | ||||
align-items: flex-end; | align-items: flex-end; | ||||
} | } | ||||
div.emojiKeyboard { | |||||
position: absolute; | |||||
} |