Skip to content

Commit

Permalink
Farabi/bot 296/update responsive of tour in light mode (#9315)
Browse files Browse the repository at this point in the history 
* fix: tour responsive on light mode

* chore: updated PR

* fix: highlighted target issue on tour

* fix: added back data-testid
  • Loading branch information
@farabi-deriv
farabi-deriv committed Aug 16, 2023
1 parent 3d48bec commit c5d47d9
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 11 deletions.
18 changes: 8 additions & 10 deletions packages/bot-web-ui/src/components/dashboard/dashboard.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -513,8 +513,7 @@

&__bot-builder-tour {
height: unset;
background: $color-black-3;
border-top: 0.1rem solid $color-black-5;
background: var(--general-section-1);

.dbot-slider {
width: 100%;
Expand All @@ -525,10 +524,10 @@
.dc-accordion {
&__item {
border: none;
border-bottom: 0.1rem solid $color-black-5;
border-bottom: 0.1rem solid;

&-header {
color: $color-white;
color: var(--text-prominent);
text-align: center;
font-weight: 700;
font-size: 1.4rem;
Expand All @@ -539,7 +538,7 @@
}

&-content {
color: $color-white;
color: var(--text-prominent);
}
}
}
Expand Down Expand Up @@ -576,7 +575,7 @@
background: transparent;

span {
color: $color-white;
color: var(--text-prominent);
}
}
}
Expand All @@ -591,7 +590,6 @@
display: flex;
width: 100%;
padding: 0.6rem 1.6rem;
border-bottom: solid 0.1rem $color-black-5;
cursor: pointer;
}

Expand All @@ -600,7 +598,7 @@
text-align: center;

span {
color: $color-white;
color: var(--text-prominent);
}
}

Expand All @@ -615,12 +613,12 @@
}

&__content {
background-color: $color-black-3;
background-color: var(--general-section-1);
overflow: hidden;
transition: all 0.4s ease-in-out;
max-height: 0;
opacity: 0;
color: $color-white;
color: var(--text-prominent);
padding: 1rem 0;
font-size: 1.2rem;

Expand Down
2 changes: 1 addition & 1 deletion packages/bot-web-ui/src/components/dashboard/tour-slider.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ const Accordion = ({ content_data, expanded = false, ...props }: TAccordion) =>
'dbot-accordion__content--open': is_open,
})}
>
<Text as='span' size='xxs' line_height='s' color='colored-background'>
<Text as='span' size='xxs' line_height='s'>
{localize(content)}
</Text>
</div>
Expand Down

1 comment on commit c5d47d9

@vercel
Copy link

@vercel vercel bot commented on c5d47d9 Aug 16, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

deriv-app – ./

deriv-app.vercel.app
binary.sx
deriv-app-git-master.binary.sx
deriv-app.binary.sx

Please sign in to comment.