Skip to content
This repository has been archived by the owner on Feb 22, 2024. It is now read-only.

fix: move Derived to the correct position based on requirements #7287

Merged
merged 8 commits into from
Jan 30, 2023
Merged

fix: move Derived to the correct position based on requirements #7287

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7ef4ea1
fix: move Derived to the correct position based on requirements
aizad-deriv Nov 9, 2022
c61b88e
resolved: remove transition none from css
aizad-deriv Nov 9, 2022
004cc9e
fix: Derived label now sticky for Synthetics
aizad-deriv Nov 14, 2022
6399408
resolved: added mixins for duplicated styles
aizad-deriv Nov 14, 2022
1b6aa16
fix: change font size and font weight based on design
aizad-deriv Nov 22, 2022
fb9a820
fix: font-weight for symbols
aizad-deriv Nov 23, 2022
6f89176
fix: change font-weight for symbols
aizad-deriv Nov 24, 2022
db920f1
Merge branch 'master' into aizad/80390/derived-mobile-fix
matin-deriv Jan 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 1 addition & 5 deletions src/javascript/app/pages/trade/markets.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -355,11 +355,7 @@ class Markets extends React.Component {
current_viewed_node.children[0].removeAttribute('style');
current_viewed_node.children[0].classList.remove(class_under);
}
if (Object.values(current_viewed_node.children[0].classList).includes('label')) {
current_viewed_node.children[1].classList.add(class_sticky);
} else {
current_viewed_node.children[0].classList.add(class_sticky);
}
current_viewed_node.children[0].classList.add(class_sticky);
current_viewed_node.style.paddingTop = `${TITLE_HEIGHT}px`;
}

Expand Down
16 changes: 16 additions & 0 deletions src/sass/app/components/market.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -288,6 +288,22 @@
font-size: 20px;
padding: 16px 0px;
font-weight: 700;
flex: 1 0 auto;
color: $COLOR_BLUE;

&.sticky {
position: absolute;
width: 431px;
top: 60px;
background: $COLOR_WHITE;
@media (max-width: 767px) {
aizad-deriv marked this conversation as resolved.
Show resolved Hide resolved
top: 123px;
width: calc(100% - 20px);
}
}
&.put_under {
z-index: -1;
}
}
.market_name {
font-size: 18px;
Expand Down