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; | ||||
| padding-top: 8px; | padding-top: 8px; | ||||
| padding-bottom: 8px; | padding-bottom: 8px; | ||||
| } | } | ||||
| .active { | .active { | ||||
| background-color: var(--active-drawer-item); | background-color: var(--active-drawer-item-bg); | ||||
| border-top-right-radius: 4px; | border-top-right-radius: 4px; | ||||
| border-bottom-right-radius: 4px; | border-bottom-right-radius: 4px; | ||||
| } | } | ||||
| .threadListContainer { | .threadListContainer { | ||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| } | } | ||||
| .titleWrapper { | .titleWrapper { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| width: 100%; | 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; | font-size: var(--s-font-14); | ||||
| } | |||||
| .titleLevel0 { | |||||
| font-size: var(--l-font-18); | |||||
| font-weight: var(--semi-bold); | font-weight: var(--semi-bold); | ||||
| line-height: 22px; | |||||
| } | } | ||||
| .titleLevel1, | .activeTitle { | ||||
| .titleLevel2 { | color: var(--drawer-active-item-color); | ||||
| font-size: var(--m-font-16); | |||||
| font-weight: var(--semi-bold); | |||||
| } | } | ||||
| .buttonContainer { | .buttonContainer { | ||||
| width: 24px; | width: 24px; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: center; | justify-content: center; | ||||
| display: flex; | display: flex; | ||||
| } | } | ||||
| Show All 21 Lines | |||||