Browse Source

Make possible for tab views to add CSS classes to their container

In general the style of the tabs container should not change depending
on which tab is the currently selected one. However, this could be
needed in some very specific cases, so now the tab views can specify the
extra CSS classes to be used in their container when they are selected.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
tags/v15.0.0beta1
Daniel Calviño Sánchez 5 years ago
parent
commit
53aad9901d
2 changed files with 18 additions and 0 deletions
  1. 3
    0
      apps/files/js/detailsview.js
  2. 15
    0
      apps/files/js/detailtabview.js

+ 3
- 0
apps/files/js/detailsview.js View File

// hide other tabs // hide other tabs
$tabsContainer.find('.tab').addClass('hidden'); $tabsContainer.find('.tab').addClass('hidden');


$tabsContainer.attr('class', 'tabsContainer');
$tabsContainer.addClass(tabView.getTabsContainerExtraClasses());

// tab already rendered ? // tab already rendered ?
if (!$tabEl.length) { if (!$tabEl.length) {
// render tab // render tab

+ 15
- 0
apps/files/js/detailtabview.js View File

} }
}, },


/**
* Returns the extra CSS classes used by the tabs container when this
* tab is the selected one.
*
* In general you should not extend this method, as tabs should not
* modify the classes of its container; this is reserved as a last
* resort for very specific cases in which there is no other way to get
* the proper style or behaviour.
*
* @return {String} space-separated CSS classes
*/
getTabsContainerExtraClasses: function() {
return '';
},

/** /**
* Returns the tab label * Returns the tab label
* *

Loading…
Cancel
Save