maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Highlight active tab link

Browse source
This commit is contained in:
Kimmo Puputti 2017-02-17 10:42:53 +02:00
parent 78cfe3d75f
commit b9e31dddb0
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/containers/OrderPage/OrderPage.css
View file

@ -5,3 +5,7 @@
.tabContentVisible {
display: block;
}
.activeTab {
font-weight: bold;
}

4
src/containers/OrderPage/OrderPage.js
View file

@ -37,10 +37,10 @@ const OrderPage = props => {
return (
<PageLayout title={`Your ${title} booking is confirmed!`}>
<NamedLink name="OrderDetailsPage" params={{ id: orderId }} style={{ marginRight: '2rem' }}>
<NamedLink name="OrderDetailsPage" params={{ id: orderId }} activeClassName={css.activeTab} style={{ marginRight: '2rem' }}>
Booking details
</NamedLink>
<NamedLink name="OrderDiscussionPage" params={{ id: orderId }}>
<NamedLink name="OrderDiscussionPage" activeClassName={css.activeTab} params={{ id: orderId }}>
Discussion
</NamedLink>
<OrderDetailsPanel className={detailsClassName} {...detailsProps} />