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

⚡ Better tooltip color, Added scroll to History section

Browse Source
This commit is contained in:
Liyas Thomas
2019-10-20 15:48:07 +05:30
parent 5e551b4ffe
commit 307daf2a7a
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/styles.scss
View File

@@ -69,7 +69,7 @@ h3 {
z-index: 10000; z-index: 10000;
.tooltip-inner { .tooltip-inner {
background: black; background: #353535;
color: white; color: white;
border-radius: 16px; border-radius: 16px;
padding: 5px 10px 4px; padding: 5px 10px 4px;
@@ -81,7 +81,7 @@ h3 {
border-style: solid; border-style: solid;
position: absolute; position: absolute;
margin: 5px; margin: 5px;
border-color: black; border-color: #353535;
z-index: 1; z-index: 1;
} }
@@ -150,10 +150,10 @@ h3 {
.popover-inner { .popover-inner {
background: $color; background: $color;
color: black; color: #353535;
padding: 24px; padding: 24px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 5px 30px rgba(black, .1); box-shadow: 0 5px 30px rgba(#353535, .1);
} }
.popover-arrow { .popover-arrow {

9
pages/index.vue
View File

@@ -144,6 +144,10 @@
<i class="material-icons">import_export</i> <i class="material-icons">import_export</i>
<span>Import cURL</span> <span>Import cURL</span>
</button> </button>
<button class="icon" id="goto-history" @click="gotoHistory()">
<i class="material-icons">history</i>
<span>History</span>
</button>
<button class="icon" @click="clearContent"> <button class="icon" @click="clearContent">
<i class="material-icons">clear_all</i> <i class="material-icons">clear_all</i>
<span>Clear all</span> <span>Clear all</span>
@@ -855,6 +859,11 @@
} }
} }
}, },
gotoHistory() {
this.$refs.historyComponent.$el.scrollIntoView({
behavior: 'smooth'
});
},
getQueryStringFromPath() { getQueryStringFromPath() {
let queryString, let queryString,
pathParsed = url.parse(this.path); pathParsed = url.parse(this.path);