Disabled more semantic UI modules

This commit is contained in:
Eliot Berriot 2018-12-20 11:49:10 +01:00
parent 6d63fcf208
commit 3b4543a0cb
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
3 changed files with 13 additions and 18 deletions

View File

@ -16,8 +16,8 @@
<div class="menu-area">
<div class="ui compact fluid two item inverted menu">
<a class="active item" role="button" @click.prevent.stop="selectedTab = 'library'" data-tab="library"><translate>Browse</translate></a>
<a class="item" role="button" @click.prevent.stop="selectedTab = 'queue'" data-tab="queue">
<a :class="[{active: selectedTab === 'library'}, 'item']" role="button" @click.prevent.stop="selectedTab = 'library'" data-tab="library"><translate>Browse</translate></a>
<a :class="[{active: selectedTab === 'queue'}, 'item']" role="button" @click.prevent.stop="selectedTab = 'queue'" data-tab="queue">
<translate>Queue</translate>&nbsp;
<template v-if="queue.tracks.length === 0">
<translate>(empty)</translate>
@ -29,7 +29,7 @@
</div>
</div>
<div class="tabs">
<section class="ui bottom attached active tab" data-tab="library" :aria-label="labels.mainMenu">
<section :class="['ui', 'bottom', 'attached', {active: selectedTab === 'library'}, 'tab']" :aria-label="labels.mainMenu">
<nav class="ui inverted vertical large fluid menu" role="navigation" :aria-label="labels.mainMenu">
<div class="item">
<header class="header"><translate>My account</translate></header>
@ -113,7 +113,7 @@
</div>
</div>
</div>
<section class="ui bottom attached tab" data-tab="queue">
<section :class="['ui', 'bottom', 'attached', {active: selectedTab === 'queue'}, 'tab']">
<table class="ui compact inverted very basic fixed single line unstackable table">
<draggable v-model="tracks" element="tbody" @update="reorder">
<tr
@ -188,11 +188,6 @@ export default {
fetchInterval: null
}
},
mounted() {
$(this.$el)
.find(".menu .item")
.tab()
},
destroy() {
if (this.fetchInterval) {
clearInterval(this.fetchInterval)

View File

@ -8,16 +8,16 @@ require('semantic-ui-css/components/dropdown.min.js')
// require('semantic-ui-css/components/form.min.js')
require('semantic-ui-css/components/modal.min.js')
// require('semantic-ui-css/components/nag.min.js')
require('semantic-ui-css/components/popup.min.js')
// require('semantic-ui-css/components/popup.min.js')
require('semantic-ui-css/components/progress.min.js')
// require('semantic-ui-css/components/rating.min.js')
require('semantic-ui-css/components/search.min.js')
require('semantic-ui-css/components/shape.min.js')
require('semantic-ui-css/components/sidebar.min.js')
// require('semantic-ui-css/components/shape.min.js')
// require('semantic-ui-css/components/sidebar.min.js')
require('semantic-ui-css/components/site.min.js')
require('semantic-ui-css/components/state.min.js')
require('semantic-ui-css/components/sticky.min.js')
require('semantic-ui-css/components/tab.min.js')
// require('semantic-ui-css/components/tab.min.js')
require('semantic-ui-css/components/transition.min.js')
// require('semantic-ui-css/components/video.min.js')
require('semantic-ui-css/components/visibility.min.js')

View File

@ -27,14 +27,14 @@
@import "~semantic-ui-css/components/label.css";
@import "~semantic-ui-css/components/list.css";
@import "~semantic-ui-css/components/loader.css";
@import "~semantic-ui-css/components/placeholder.css";
// @import "~semantic-ui-css/components/placeholder.css";
// @import "~semantic-ui-css/components/rail.css";
// @import "~semantic-ui-css/components/reveal.css";
@import "~semantic-ui-css/components/segment.css";
@import "~semantic-ui-css/components/step.css";
/* Collections */
@import "~semantic-ui-css/components/breadcrumb.css";
// @import "~semantic-ui-css/components/breadcrumb.css";
@import "~semantic-ui-css/components/form.css";
@import "~semantic-ui-css/components/grid.css";
@import "~semantic-ui-css/components/menu.css";
@ -42,10 +42,10 @@
@import "~semantic-ui-css/components/table.css";
/* Views */
@import "~semantic-ui-css/components/ad.css";
// @import "~semantic-ui-css/components/ad.css";
@import "~semantic-ui-css/components/card.css";
@import "~semantic-ui-css/components/comment.css";
@import "~semantic-ui-css/components/feed.css";
// @import "~semantic-ui-css/components/comment.css";
// @import "~semantic-ui-css/components/feed.css";
@import "~semantic-ui-css/components/item.css";
@import "~semantic-ui-css/components/statistic.css";