wip vertical line.

pull/1733/head
Warrick Corfe-Tan 4 years ago
parent ee3475f2be
commit fe474425ba

@ -1203,6 +1203,7 @@ input {
flex-direction: column; flex-direction: column;
margin: $session-margin-sm; margin: $session-margin-sm;
align-items: flex-start; align-items: flex-start;
position: relative;
.onion__node { .onion__node {
display: flex; display: flex;
@ -1218,6 +1219,17 @@ input {
margin: $session-margin-sm !important; 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 { .session-nickname-wrapper {

@ -56,8 +56,10 @@ const OnionPathModalInner = () => {
<> <>
<p className="onion__description">{window.i18n('onionPathIndicatorDescription')}</p> <p className="onion__description">{window.i18n('onionPathIndicatorDescription')}</p>
<div className="onion__node-list"> <div className="onion__node-list">
<div className="onion__vertical-line" />
{nodes.map((snode: Snode | any, index: number) => { {nodes.map((snode: Snode | any, index: number) => {
return ( return (
<>
<OnionNodeStatusLight <OnionNodeStatusLight
glowDuration={glowDuration} glowDuration={glowDuration}
glowStartDelay={index} glowStartDelay={index}
@ -65,6 +67,7 @@ const OnionPathModalInner = () => {
snode={snode} snode={snode}
key={index} key={index}
/> />
</>
); );
})} })}
</div> </div>

Loading…
Cancel
Save