@appscode/design-system 2.4.17-alpha → 2.4.17-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/components/sidebar-tabs/_sidebar-tabs.scss +1 -0
  3. package/vue-components/v3/editor/FilteredFileEditor.vue +5 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.4.17-alpha",
3
+ "version": "2.4.17-alpha.1",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/styles/components/sidebar-tabs/_sidebar-tabs.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  border-right: 1px solid $color-border;
4
4
  padding: 8px;
5
5
  height: calc(100vh - 50px);
6
+ overflow-y: auto;
6
7
  ul {
7
8
  li {
8
9
  a {
package/vue-components/v3/editor/FilteredFileEditor.vue CHANGED
@@ -112,7 +112,7 @@ watch(
112
112
  </script>
113
113
 
114
114
  <template>
115
- <div class="ac-preview is-not-fixed b-t-1">
115
+ <div class="ac-preview is-not-fixed">
116
116
  <div class="ac-preview-inner">
117
117
  <!-- preview body start -->
118
118
  <div
@@ -127,20 +127,17 @@ watch(
127
127
  </strong>
128
128
  <template v-else>
129
129
  <div v-if="!isPreviewLoading && previewYamls" class="left-content">
130
- <div class="sidebar-tabs p-0 pt-16 pr-20">
130
+ <div class="ac-files ac-hscrollbar ac-vscrollbar pt-0">
131
131
  <ul v-if="!isPreviewLoading">
132
132
  <li
133
133
  v-for="(previewYaml, idx) in filteredYamls"
134
134
  :key="previewYaml.name + idx"
135
+ :class="{ 'is-active': activeKey === previewYaml.uid }"
135
136
  :title="previewYaml.name"
136
137
  data-testid="filtered-file-editor-file-name"
137
138
  >
138
- <a
139
- @click.prevent="setActivePreview(previewYaml.uid)"
140
- class="is-justify-content-flex-start gap-8 is-align-items-center"
141
- :class="{ 'is-active': activeKey === previewYaml.uid }"
142
- >
143
- <span class="is-flex is-align-items-center">
139
+ <a @click.prevent="setActivePreview(previewYaml.uid)">
140
+ <span>
144
141
  <img src="~@appscode/design-system-images/icons/file-icon.svg" alt="" />
145
142
  </span>
146
143
  <span>{{ previewYaml.name }}</span>