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; | |||||
} | } |