btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Merge pull request #110 from izerozlu/sticky-send-button-fix

Browse Source 
Sticky send button fix enhanced
This commit is contained in:
Liyas Thomas
2019-08-30 19:28:45 +05:30
committed by GitHub
parent 3d617811b5 ad073427b3
commit a038b59ef4
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/index.vue
View File

@@ -24,7 +24,7 @@
</li>
<li>
<label for="action" class="hide-on-small-screen">&nbsp;</label>
<button id="action" name="action" @click="sendRequest" :disabled="!isValidURL" ref="sendButton">Send <span id="hidden-message">Again</span></button>
<button id="action" class="show" name="action" @click="sendRequest" :disabled="!isValidURL" ref="sendButton">Send <span id="hidden-message">Again</span></button>
</li>
</ul>
</pw-section>
@@ -533,10 +533,10 @@
},
observeRequestButton() {
const requestElement = this.$refs.request.$el;
const sendButton = this.$refs.sendButton;
const sendButtonElement = this.$refs.sendButton;
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
sendButton.className = entry.isIntersecting ? '' : 'show';
sendButtonElement.classList.toggle('show');
});
}, { threshold: 1 });