Skip to content

Commit

Permalink
feat: make middle markers smaller in c.details
Browse files Browse the repository at this point in the history
  • Loading branch information
@maryia-deriv
maryia-deriv committed Jun 14, 2023
1 parent 8484ef2 commit 848027d
Show file tree
Hide file tree
Showing 3 changed files with 37 additions and 34 deletions.
33 changes: 17 additions & 16 deletions packages/reports/src/sass/app/modules/smart-chart.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,21 +59,22 @@
&--accumulator {
&-middle,
&-middle--preexit {
width: 6px;
height: 6px;
top: -3px;
margin-left: -4px;
width: 0.2rem;
height: 0.2rem;
top: -0.2rem;
margin-left: -0.3rem;
background-color: var(--text-less-prominent);

&--preexit {
background-color: var(--status-info);
border: 2px solid var(--status-info);
}
@include mobile {
width: 4px;
height: 4px;
top: -2px;
margin-left: -3px;
width: 0.15rem;
height: 0.15rem;
top: -0.15rem;
margin-left: -0.25rem;
border-width: 0.15rem;
}
}
&-exit {
Expand All @@ -83,20 +84,20 @@
background-color: var(--general-main-4);
&:after {
content: '';
width: 0.6rem;
height: 0.6rem;
width: 0.4rem;
height: 0.4rem;
border-radius: 50%;
background-color: var(--border-active);
@include mobile {
width: 0.4rem;
height: 0.4rem;
width: 0.24rem;
height: 0.24rem;
}
}
@include mobile {
width: 1.6rem;
height: 1.6rem;
margin-left: -0.7rem;
margin-top: 0.6rem;
width: 1.2rem;
height: 1.2rem;
margin-left: -0.5rem;
margin-top: 0.4rem;
border-width: 0.1rem;
}
}
Expand Down
5 changes: 3 additions & 2 deletions packages/trader/src/Modules/SmartChart/Components/all-markers.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -199,7 +199,7 @@ const draw_shaded_barriers = ({
ctx.strokeStyle = preceding_tick.color;
ctx.fillStyle = preceding_tick.color;
ctx.beginPath();
ctx.arc(preceding_tick.left - 1, preceding_tick.top, radius, 0, Math.PI * 2);
ctx.arc(preceding_tick.left - 1, preceding_tick.top, preceding_tick.radius, 0, Math.PI * 2);
ctx.fill();
ctx.stroke();
}
Expand Down Expand Up @@ -373,11 +373,12 @@ const TickContract = RawMarkerMaker(
labels: !is_in_contract_details && accu_barriers_difference,
previous_tick: is_in_contract_details
? {
radius: is_mobile ? 1.5 : 2.5,
radius: 1.5,
stroke_color: getColor({ status: 'open', is_dark_theme }),
preceding_tick: {
...preceding_tick,
color: getColor({ status: 'grey_border', is_dark_theme }),
radius: is_mobile ? 1 : 1.5,
},
}
: {
Expand Down
33 changes: 17 additions & 16 deletions packages/trader/src/sass/app/modules/smart-chart.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,21 +59,22 @@
&--accumulator {
&-middle,
&-middle--preexit {
width: 6px;
height: 6px;
top: -3px;
margin-left: -4px;
width: 0.2rem;
height: 0.2rem;
top: -0.2rem;
margin-left: -0.3rem;
background-color: var(--text-less-prominent);

&--preexit {
background-color: var(--status-info);
border: 2px solid var(--status-info);
}
@include mobile {
width: 4px;
height: 4px;
top: -2px;
margin-left: -3px;
width: 0.15rem;
height: 0.15rem;
top: -0.15rem;
margin-left: -0.25rem;
border-width: 0.15rem;
}
}
&-exit {
Expand All @@ -83,20 +84,20 @@
background-color: var(--general-main-4);
&:after {
content: '';
width: 0.6rem;
height: 0.6rem;
width: 0.4rem;
height: 0.4rem;
border-radius: 50%;
background-color: var(--border-active);
@include mobile {
width: 0.4rem;
height: 0.4rem;
width: 0.24rem;
height: 0.24rem;
}
}
@include mobile {
width: 1.6rem;
height: 1.6rem;
margin-left: -0.7rem;
margin-top: 0.6rem;
width: 1.2rem;
height: 1.2rem;
margin-left: -0.5rem;
margin-top: 0.4rem;
border-width: 0.1rem;
}
}
Expand Down

0 comments on commit 848027d

Please sign in to comment.