Changeset View
Changeset View
Standalone View
Standalone View
web/navigation-panels/chat-thread-ancestors.css
| div.ancestorThreadsContainer { | .container { | ||||
| font-size: var(--xs-font-12); | font-size: var(--xs-font-12); | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| column-gap: 5px; | column-gap: 12px; | ||||
| overflow: hidden; | |||||
| } | } | ||||
| div.ancestorName { | .communityName { | ||||
| display: flex; | color: var(--thread-ancestor-color); | ||||
| align-items: center; | font-size: var(--l-font-18); | ||||
| padding: 2px 6px; | font-weight: var(--semi-bold); | ||||
| border-radius: 2px; | white-space: nowrap; | ||||
| box-sizing: border-box; | |||||
| line-height: 1.5; | |||||
| } | |||||
| button.seeFullStructure { | |||||
| background-color: transparent; | |||||
| border: none; | |||||
| cursor: pointer; | |||||
| } | } | ||||
| div.ancestorKeyserver { | .ancestorThreadsContainer { | ||||
| border: 1px solid var(--topbar-lines); | |||||
| border-radius: 8px; | |||||
| display: flex; | display: flex; | ||||
| align-items: center; | padding: 7px 12px; | ||||
| margin-right: 16px; | |||||
| overflow: hidden; | |||||
| } | } | ||||
| div.ancestorKeyserverName { | .ancestorName { | ||||
| border-radius: 0 2px 2px 0; | color: var(--thread-ancestor-color); | ||||
| font-size: var(--xs-font-12); | |||||
| font-weight: var(--semi-bold); | |||||
| line-height: 1.5; | |||||
| white-space: nowrap; | |||||
| overflow: hidden; | |||||
| text-overflow: ellipsis; | |||||
| flex-shrink: 1; | |||||
| } | } | ||||
| svg.ancestorSeparator { | .chatName { | ||||
| color: var(--thread-ancestor-separator-color); | flex-shrink: 0.5; | ||||
| } | } | ||||
| div.ancestorKeyserverOperator { | svg.chevronRight { | ||||
| display: flex; | color: var(--thread-ancestor-separator-color); | ||||
| column-gap: 5px; | flex-shrink: 0; | ||||
| padding: 0 5px; | |||||
| align-items: center; | |||||
| border: 1px solid var(--thread-ancestor-keyserver-border); | |||||
| border-radius: 2px 0 0 2px; | |||||
| height: 22px; | |||||
| box-sizing: border-box; | |||||
| } | } | ||||
| button.seeFullAncestor { | svg.ancestorSeparator { | ||||
| font-size: var(--xs-font-12); | align-self: center; | ||||
| font-weight: var(--semi-bold); | padding: 0 8px; | ||||
| cursor: pointer; | |||||
| } | } | ||||