Changeset View
Changeset View
Standalone View
Standalone View
web/sidebar/community-drawer-item.css
| .threadEntry { | .threadEntry { | ||||
| display: flex; | display: flex; | ||||
| flex-direction: row; | flex-direction: row; | ||||
| margin-top: 8px; | padding-top: 8px; | ||||
| margin-bottom: 8px; | padding-bottom: 8px; | ||||
| } | } | ||||
| .threadListContainer { | .threadListContainer { | ||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| } | } | ||||
| .titleWrapper { | .titleWrapper { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| width: 100%; | |||||
| } | } | ||||
| .title { | .title { | ||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| color: var(--drawer-item-color); | color: var(--drawer-item-color); | ||||
| line-height: 24px; | line-height: 24px; | ||||
| Show All 16 Lines | |||||
| .buttonContainer { | .buttonContainer { | ||||
| width: 24px; | width: 24px; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: center; | justify-content: center; | ||||
| display: flex; | display: flex; | ||||
| } | } | ||||
| .chatItem { | |||||
| margin-left: 16px; | |||||
| } | |||||
| .communityBase { | .communityBase { | ||||
| padding: 2px; | padding: 2px; | ||||
| padding-right: 24px; | padding-right: 4px; | ||||
| padding-left: 8px; | |||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| .communityExpanded { | .communityExpanded { | ||||
| background-color: var(--drawer-open-community-bg); | background-color: var(--drawer-open-community-bg); | ||||
| border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||||
| border-bottom-right-radius: 8px; | border-bottom-right-radius: 8px; | ||||
| } | } | ||||
| .subchannelsButton { | .subchannelsButton { | ||||
| margin-left: 24px; | |||||
| margin-bottom: 6px; | margin-bottom: 6px; | ||||
| margin-top: 4px; | margin-top: 4px; | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| } | } | ||||