-
Notifications
You must be signed in to change notification settings - Fork 1
fix #DH176 sidebar navigation on details page to match designs and re… #45
base: master
Are you sure you want to change the base?
Conversation
…-factor assets add tabwindow and add sourcemaps to npm run develop re-factor side tab nav js fix collapse icon state bug in tabbed window when switching between tablet and desktop views rename component to TabbedWindow
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some comments to kill, otherwise fine
src/lib/components/TabbedWindow.js
Outdated
|
||
this.domEl.addEventListener('click', this.onTabClick.bind(this)) | ||
console.log('TabWindow initialied!') | ||
console.log(this) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
consoles must die
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
terminated
src/lib/components/TabbedWindow.js
Outdated
}, | ||
init: function () { | ||
// @TODO setinterval on resize callback being fired for performance reason | ||
window.addEventListener('resize', this.updateDisplay.bind(this)) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
yeah this is going to hurt - don't we have a debounce function lying around?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i could write one if we don't have one already?
I have just realised we are using lodash already in this project so can use the one included there
} | ||
&__nav { | ||
width:25%; | ||
// @extend %site-width-container; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
remove commented out code if this is a finished file
src/sass/settings/_variables.scss
Outdated
$mobile-break-point-max:320px; | ||
|
||
// $tablet-breakpoint: 641px !default; | ||
// $desktop-breakpoint: 769px !default; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
delete
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
gone
src/views/investment/container.html
Outdated
</section> | ||
|
||
|
||
{# <div class="left-nav-container"> | ||
<div class="left-nav"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
delete commented out code if not here for a good reason
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
gone
have removed the comments and console logs Also have implemented the event driven architecture mentioned in one of those comments just to reduce tech debt Using events should make things easier to test |
re-factored assets
add tabwindow and add sourcemaps to npm run develop
re-factor side tab nav js
fix collapse icon state bug in tabbed window when switching between tablet and desktop views
rename component to TabbedWindow
jira issue:
https://uktrade.atlassian.net/browse/DH-176