refactor: remove absolute classes

This commit is contained in:
liyasthomas
2021-08-17 12:56:36 +05:30
parent 3534e133af
commit 956ca44ef0
55 changed files with 269 additions and 404 deletions

View File

@@ -25,7 +25,6 @@
py-2
px-4
appearance-none
focus:outline-none
"
@change="updateSelectedTeam(myTeams[$event.target.value])"
>

View File

@@ -77,7 +77,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="
@@ -186,7 +186,7 @@ export default Vue.extend({
)
},
getCollectionIcon() {
if (this.isSelected) return "check_circle"
if (this.isSelected) return "check_circle_outline"
else if (!this.showChildren && !this.isFiltered) return "arrow_right"
else if (this.showChildren || this.isFiltered) return "arrow_drop_down"
else return "folder"

View File

@@ -73,7 +73,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="
@@ -184,7 +184,7 @@ export default Vue.extend({
)
},
getCollectionIcon() {
if (this.isSelected) return "check_circle"
if (this.isSelected) return "check_circle_outline"
else if (!this.showChildren && !this.isFiltered) return "arrow_right"
else if (this.showChildren || this.isFiltered) return "arrow_drop_down"
else return "folder"

View File

@@ -21,7 +21,7 @@
@click="!doc ? selectRequest() : {}"
>
<i class="material-icons" :class="{ 'text-green-500': isSelected }">
{{ isSelected ? "check_circle" : "description" }}
{{ isSelected ? "check_circle_outline" : "description" }}
</i>
</span>
<span
@@ -75,7 +75,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="

View File

@@ -20,8 +20,6 @@
py-2
pr-2
pl-9
truncate
focus:outline-none
"
/>
</div>

View File

@@ -20,8 +20,6 @@
py-2
pr-2
pl-9
truncate
focus:outline-none
"
/>
</div>

View File

@@ -36,7 +36,7 @@
v-if="doc && !selected"
v-tippy="{ theme: 'tooltip' }"
:title="$t('import.title')"
icon="check_box_outline_blank"
icon="radio_button_unchecked"
color="green"
@click.native="$emit('select-collection')"
/>
@@ -44,7 +44,7 @@
v-if="doc && selected"
v-tippy="{ theme: 'tooltip' }"
:title="$t('delete')"
icon="check_box"
icon="check_circle_outline"
color="green"
@click.native="$emit('unselect-collection')"
/>
@@ -96,7 +96,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="
@@ -211,7 +211,7 @@ export default {
)
},
getCollectionIcon() {
if (this.isSelected) return "check_circle"
if (this.isSelected) return "check_circle_outline"
else if (!this.showChildren && !this.isFiltered) return "arrow_right"
else if (this.showChildren || this.isFiltered) return "arrow_drop_down"
else return "folder"

View File

@@ -78,7 +78,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="
@@ -198,7 +198,7 @@ export default {
)
},
getCollectionIcon() {
if (this.isSelected) return "check_circle"
if (this.isSelected) return "check_circle_outline"
else if (!this.showChildren && !this.isFiltered) return "arrow_right"
else if (this.showChildren || this.isFiltered) return "arrow_drop_down"
else return "folder"

View File

@@ -26,7 +26,7 @@
class="material-icons"
:class="{ 'text-green-500': isSelected }"
>
check_circle
check_circle_outline
</i>
<span v-else>
{{ request.method }}
@@ -86,7 +86,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="

View File

@@ -28,7 +28,7 @@
v-if="doc && !selected"
v-tippy="{ theme: 'tooltip' }"
:title="$t('import.title')"
icon="check_box_outline_blank"
icon="radio_button_unchecked"
color="green"
@click.native="$emit('select-collection')"
/>
@@ -36,7 +36,7 @@
v-if="doc && selected"
v-tippy="{ theme: 'tooltip' }"
:title="$t('delete')"
icon="check_box"
icon="check_circle_outline"
color="green"
@click.native="$emit('unselect-collection')"
/>
@@ -92,7 +92,7 @@
/>
<SmartItem
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="
@@ -204,7 +204,7 @@ export default {
)
},
getCollectionIcon() {
if (this.isSelected) return "check_circle"
if (this.isSelected) return "check_circle_outline"
else if (!this.showChildren && !this.isFiltered) return "arrow_right"
else if (this.showChildren || this.isFiltered) return "arrow_drop_down"
else return "folder"

View File

@@ -75,7 +75,7 @@
/>
<SmartItem
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="
@@ -188,7 +188,7 @@ export default {
)
},
getCollectionIcon() {
if (this.isSelected) return "check_circle"
if (this.isSelected) return "check_circle_outline"
else if (!this.showChildren && !this.isFiltered) return "arrow_right"
else if (this.showChildren || this.isFiltered) return "arrow_drop_down"
else return "folder"

View File

@@ -19,7 +19,7 @@
class="material-icons"
:class="{ 'text-green-500': isSelected }"
>
check_circle
check_circle_outline
</i>
<span v-else>
{{ request.method }}
@@ -79,7 +79,7 @@
"
/>
<SmartItem
icon="delete"
icon="remove_circle_outline"
color="red"
:label="$t('delete')"
@click.native="