mirror of
https://github.com/oxen-io/session-desktop.git
synced 2023-12-14 02:12:57 +01:00
wip vertical line.
This commit is contained in:
parent
ee3475f2be
commit
fe474425ba
|
@ -1203,6 +1203,7 @@ input {
|
|||
flex-direction: column;
|
||||
margin: $session-margin-sm;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
|
||||
.onion__node {
|
||||
display: flex;
|
||||
|
@ -1218,6 +1219,17 @@ input {
|
|||
margin: $session-margin-sm !important;
|
||||
}
|
||||
}
|
||||
|
||||
.onion__vertical-line {
|
||||
border-left: 2px solid rgba($color: #585858, $alpha: 1.0);
|
||||
height: 185px;
|
||||
position: absolute;
|
||||
left: 22px;
|
||||
|
||||
// node item padding (i.e. one destination) + icon padding + half sessionIcon.small height
|
||||
top: 23.35px;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.session-nickname-wrapper {
|
||||
|
|
|
@ -56,15 +56,18 @@ const OnionPathModalInner = () => {
|
|||
<>
|
||||
<p className="onion__description">{window.i18n('onionPathIndicatorDescription')}</p>
|
||||
<div className="onion__node-list">
|
||||
<div className="onion__vertical-line" />
|
||||
{nodes.map((snode: Snode | any, index: number) => {
|
||||
return (
|
||||
<OnionNodeStatusLight
|
||||
glowDuration={glowDuration}
|
||||
glowStartDelay={index}
|
||||
label={snode.label}
|
||||
snode={snode}
|
||||
key={index}
|
||||
/>
|
||||
<>
|
||||
<OnionNodeStatusLight
|
||||
glowDuration={glowDuration}
|
||||
glowStartDelay={index}
|
||||
label={snode.label}
|
||||
snode={snode}
|
||||
key={index}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue