From 476bf0afe1c890b0f08587b3942981c8c591c7be Mon Sep 17 00:00:00 2001 From: shpuld Date: Thu, 31 Jan 2019 17:00:31 +0200 Subject: Fix media timeline attachments being small by adding an option to not render background tabs in tab switcher --- src/components/tab_switcher/tab_switcher.jsx | 65 ---------------------------- 1 file changed, 65 deletions(-) delete mode 100644 src/components/tab_switcher/tab_switcher.jsx (limited to 'src/components/tab_switcher/tab_switcher.jsx') diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx deleted file mode 100644 index 9038733c..00000000 --- a/src/components/tab_switcher/tab_switcher.jsx +++ /dev/null @@ -1,65 +0,0 @@ -import Vue from 'vue' - -import './tab_switcher.scss' - -export default Vue.component('tab-switcher', { - name: 'TabSwitcher', - data () { - return { - active: this.$slots.default.findIndex(_ => _.tag) - } - }, - methods: { - activateTab (index) { - return () => { - this.active = index - } - } - }, - beforeUpdate () { - const currentSlot = this.$slots.default[this.active] - if (!currentSlot.tag) { - this.active = this.$slots.default.findIndex(_ => _.tag) - } - }, - render (h) { - const tabs = this.$slots.default - .map((slot, index) => { - if (!slot.tag) return - const classesTab = ['tab'] - const classesWrapper = ['tab-wrapper'] - - if (index === this.active) { - classesTab.push('active') - classesWrapper.push('active') - } - - return ( -
- -
- ) - }) - - const contents = this.$slots.default.map((slot, index) => { - if (!slot.tag) return - const active = index === this.active - return ( -
- {slot} -
- ) - }) - - return ( -
-
- {tabs} -
-
- {contents} -
-
- ) - } -}) -- cgit v1.2.3-70-g09d2