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

⚡ Moved sidebar to left

Browse Source
This commit is contained in:
liyasthomas
2019-11-17 11:58:40 +05:30
parent 3ae9c49029
commit d3aa8e03a2
3 changed files with 19 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/styles.scss
View File

@@ -1,4 +1,4 @@
$responsiveWidth: 720px; $responsiveWidth: 768px;
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
@@ -751,15 +751,14 @@ input[type="radio"]:checked + label + .tab {
.inner-left { .inner-left {
display: flex; display: flex;
order: 1; order: 2;
margin-right: 16px; margin-left: 16px;
} }
.inner-right { .inner-right {
display: flex; display: flex;
width: 25%; width: 25%;
order: 2; order: 1;
height: calc(100vh - 80px);
} }
@media (max-width: $responsiveWidth) { @media (max-width: $responsiveWidth) {
@@ -813,6 +812,7 @@ input[type="radio"]:checked + label + .tab {
} }
.inner-left { .inner-left {
margin-right: 0; order: 0;
margin-left: 0;
} }
} }

1
components/collections/collection.vue
View File

@@ -19,6 +19,7 @@
class="icon" class="icon"
@click="$emit('add-folder')" @click="$emit('add-folder')"
v-tooltip="'New Folder'" v-tooltip="'New Folder'"
v-close-popover
> >
<i class="material-icons">create_new_folder</i> <i class="material-icons">create_new_folder</i>
<span>New folder</span> <span>New folder</span>

4
components/history.vue
View File

@@ -73,7 +73,6 @@
> >
<ul v-for="(entry, index) in filteredHistory" :key="index" class="entry"> <ul v-for="(entry, index) in filteredHistory" :key="index" class="entry">
<div class="show-on-large-screen"> <div class="show-on-large-screen">
<li>
<button <button
class="icon" class="icon"
:class="{ stared: entry.star }" :class="{ stared: entry.star }"
@@ -83,7 +82,6 @@
<i class="material-icons" v-if="entry.star">star</i> <i class="material-icons" v-if="entry.star">star</i>
<i class="material-icons" v-else>star_border</i> <i class="material-icons" v-else>star_border</i>
</button> </button>
</li>
<li> <li>
<input <input
aria-label="Label" aria-label="Label"
@@ -109,11 +107,9 @@
</li> </li>
--> -->
<v-popover> <v-popover>
<li>
<button class="tooltip-target icon" v-tooltip="'More'"> <button class="tooltip-target icon" v-tooltip="'More'">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
</li>
<template slot="popover"> <template slot="popover">
<div> <div>
<button <button