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

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

File diff suppressed because one or more lines are too long

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;
} }

View File

@ -290,6 +290,7 @@
</button> </button>
</scroll-tab-header> </scroll-tab-header>
<scroll-tab-panels id="bit_bond_page_group"> <scroll-tab-panels id="bit_bond_page_group">
<div class="flex w-100" style="overflow-x: auto;">
<table> <table>
<thead> <thead>
<tr class="tr"> <tr class="tr">
@ -322,6 +323,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </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