fix(editor): change horizontal scrollbar rendering in various places (#4282)

* fix(editor-ui): workflow templates carousel scroll

* fix(design-system): prevent visible scrollbar on Tags

* fix(editor): add types to component prop

* fix(editor): add types to component prop
This commit is contained in:
Csaba Tuncsik
2022-10-10 17:23:22 +02:00
committed by GitHub
parent b6e4f68bb0
commit fdbc11a288
3 changed files with 18 additions and 14 deletions

View File

@@ -19,6 +19,8 @@
</template>
<script lang="ts">
import { PropType } from "vue";
import { ITemplatesCollection } from "@/Interface";
import Card from '@/components/WorkflowCard.vue';
import CollectionCard from '@/components/CollectionCard.vue';
import VueAgile from 'vue-agile';
@@ -30,7 +32,7 @@ export default mixins(genericHelpers).extend({
name: 'CollectionsCarousel',
props: {
collections: {
type: Array,
type: Array as PropType<ITemplatesCollection[]>,
},
loading: {
type: Boolean,
@@ -165,17 +167,8 @@ export default mixins(genericHelpers).extend({
&__list {
width: 100%;
padding-bottom: var(--spacing-2xs);
overflow-x: scroll;
overflow-x: auto;
transition: all 1s ease-in-out;
&::-webkit-scrollbar {
height: 6px;
}
&::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: var(--color-foreground-dark);
}
}
&__track {