Changeset View
Changeset View
Standalone View
Standalone View
web/chat/chat-message-list.css
| Show First 20 Lines • Show All 94 Lines • ▼ Show 20 Lines | |||||
| div.content { | div.content { | ||||
| display: flex; | display: flex; | ||||
| flex-shrink: 0; | flex-shrink: 0; | ||||
| align-items: center; | align-items: center; | ||||
| margin-bottom: 5px; | margin-bottom: 5px; | ||||
| box-sizing: border-box; | box-sizing: border-box; | ||||
| width: 100%; | width: 100%; | ||||
| border: 1px solid blue; | |||||
| } | } | ||||
| div.nonViewerContent { | div.nonViewerContent { | ||||
| align-self: flex-start; | align-self: flex-start; | ||||
| justify-content: flex-start; | justify-content: flex-start; | ||||
| padding-right: 8px; | padding-right: 8px; | ||||
| } | } | ||||
| div.viewerContent { | div.viewerContent { | ||||
| align-self: flex-end; | align-self: flex-end; | ||||
| justify-content: flex-end; | justify-content: flex-end; | ||||
| padding-right: 4px; | padding-right: 4px; | ||||
| } | } | ||||
| div.iconContainer { | div.iconContainer { | ||||
| margin-right: 1px; | margin-right: 1px; | ||||
| } | } | ||||
| div.iconContainer > svg { | div.iconContainer > svg { | ||||
| height: 16px; | height: 16px; | ||||
| } | } | ||||
| div.messageBoxContainer { | div.messageBoxContainer { | ||||
| position: relative; | position: relative; | ||||
| display: flex; | display: flex; | ||||
| max-width: calc(min(68%, 1000px)); | max-width: calc(min(68%, 1000px)); | ||||
| margin: 0 4px 0 8px; | margin: 0 4px 0 12px; | ||||
| border: 1px solid green; | |||||
| } | } | ||||
| div.fixedWidthMessageBoxContainer { | div.fixedWidthMessageBoxContainer { | ||||
| width: 68%; | width: 68%; | ||||
| } | } | ||||
| div.messageBox { | div.messageBox { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| display: flex; | display: flex; | ||||
| flex-wrap: wrap; | flex-wrap: wrap; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| flex-shrink: 0; | flex-shrink: 0; | ||||
| max-width: 100%; | max-width: 100%; | ||||
| border: 1px solid red; | |||||
| } | } | ||||
| div.fixedWidthMessageBox { | div.fixedWidthMessageBox { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| div.failedSend { | div.failedSend { | ||||
| display: flex; | display: flex; | ||||
| justify-content: flex-end; | justify-content: flex-end; | ||||
| ▲ Show 20 Lines • Show All 70 Lines • Show Last 20 Lines | |||||