RanchiMall/ranchimall
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.12.9

Browse Source 
UI bug fix - Outlet switcher doesn't calculate scrolled distance
This commit is contained in:
sairaj mote 2021-04-07 19:53:18 +05:30
parent 8a065e48de
commit 41954e92e0
4 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/main.css
View File

@ -446,7 +446,6 @@ ul {
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: 1rem 1fr 1rem; grid-template-columns: 1rem 1fr 1rem;
padding-bottom: 3rem;
} }
.page > * { .page > * {
grid-column: 2/3; grid-column: 2/3;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
css/main.scss
View File

@ -352,7 +352,6 @@ ul{
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: 1rem 1fr 1rem; grid-template-columns: 1rem 1fr 1rem;
padding-bottom: 3rem;
& > * { & > * {
grid-column: 2/3; grid-column: 2/3;
} }

68
index.html
View File

@ -290,38 +290,40 @@
</button> </button>
</scroll-tab-header> </scroll-tab-header>
<scroll-tab-panels id="bit_bond_page_group"> <scroll-tab-panels id="bit_bond_page_group">
<table> <div class="flex w-100" style="overflow-x: auto;">
<thead> <table>
<tr class="tr"> <thead>
<td class="td weight-700 uppercase">Series</td> <tr class="tr">
<td class="td weight-700 uppercase">Series date</td> <td class="td weight-700 uppercase">Series</td>
<td class="td weight-700 uppercase">Time Elapsed</td> <td class="td weight-700 uppercase">Series date</td>
<td class="td weight-700 uppercase">Current value</td> <td class="td weight-700 uppercase">Time Elapsed</td>
<td class="td weight-700 uppercase">Rate of return</td> <td class="td weight-700 uppercase">Current value</td>
</tr> <td class="td weight-700 uppercase">Rate of return</td>
</thead> </tr>
<tbody> </thead>
<tr class="tr"> <tbody>
<td class="td weight-500">$975</td> <tr class="tr">
</tr> <td class="td weight-500">$975</td>
<tr class="tr"> </tr>
<td class="td weight-500">$1057</td> <tr class="tr">
</tr> <td class="td weight-500">$1057</td>
<tr class="tr"> </tr>
<td class="td weight-500">$1064</td> <tr class="tr">
</tr> <td class="td weight-500">$1064</td>
<tr class="tr"> </tr>
<td class="td weight-500">$1205</td> <tr class="tr">
</tr> <td class="td weight-500">$1205</td>
<tr class="tr"> </tr>
<td class="td weight-500">$1285</td> <tr class="tr">
</tr> <td class="td weight-500">$1285</td>
<tr class="tr"> </tr>
<td class="td weight-500">$2513</td> <tr class="tr">
</tr> <td class="td weight-500">$2513</td>
</tr> </tr>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<h1 id="bit_bond_info" class="h1"> <h1 id="bit_bond_info" class="h1">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga inventore error omnis ipsam ut incidunt, doloremque pariatur expedita distinctio itaque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga inventore error omnis ipsam ut incidunt, doloremque pariatur expedita distinctio itaque.
</h1> </h1>
@ -1249,7 +1251,7 @@
function showOutletSwitcher(button){ function showOutletSwitcher(button){
const buttonDimensions = button.getBoundingClientRect() const buttonDimensions = button.getBoundingClientRect()
getRef('outlet_switcher').setAttribute('style', `top: ${buttonDimensions.top}px; left: ${buttonDimensions.left}px;`) getRef('outlet_switcher').setAttribute('style', `top: ${buttonDimensions.top + document.documentElement.scrollTop}px; left: ${buttonDimensions.left}px;`)
getRef('outlet_switcher').classList.remove('hide') getRef('outlet_switcher').classList.remove('hide')
getRef('outlet_switcher').classList.add('no-transformations') getRef('outlet_switcher').classList.add('no-transformations')
isFloorSwitcherOpen = true isFloorSwitcherOpen = true