remove unused files
This commit is contained in:
		
							parent
							
								
									0705392fb2
								
							
						
					
					
						commit
						f7729eac15
					
				
							
								
								
									
										28
									
								
								edit/tab.css
									
									
									
									
									
								
							
							
						
						
									
										28
									
								
								edit/tab.css
									
									
									
									
									
								
							| 
						 | 
				
			
			@ -1,28 +0,0 @@
 | 
			
		|||
.tab-container {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
.tab-bar {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: row;
 | 
			
		||||
  border-bottom: 1px solid silver;
 | 
			
		||||
  padding: 5px 5px 0 15px;
 | 
			
		||||
}
 | 
			
		||||
.tab-bar-item {
 | 
			
		||||
  margin: 0 0.3em;
 | 
			
		||||
  padding: 0.3em 0.6em;
 | 
			
		||||
  border: 1px solid silver;
 | 
			
		||||
  border-bottom: none;
 | 
			
		||||
  background: silver;
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
.tab-bar-item.active {
 | 
			
		||||
  background: white;
 | 
			
		||||
}
 | 
			
		||||
.tab-panel {
 | 
			
		||||
  flex-grow: 1;
 | 
			
		||||
}
 | 
			
		||||
.tab-panel > :not(.active) {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										19
									
								
								edit/tab.js
									
									
									
									
									
								
							
							
						
						
									
										19
									
								
								edit/tab.js
									
									
									
									
									
								
							| 
						 | 
				
			
			@ -1,19 +0,0 @@
 | 
			
		|||
'use strict';
 | 
			
		||||
 | 
			
		||||
(() => {
 | 
			
		||||
  for (const container of document.querySelectorAll('.tab-container')) {
 | 
			
		||||
    init(container);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  function init(container) {
 | 
			
		||||
    const tabButtons = [...container.querySelector('.tab-bar').children];
 | 
			
		||||
    const tabPanels = [...container.querySelector('.tab-panel').children];
 | 
			
		||||
    tabButtons.forEach((button, i) => button.addEventListener('click', () => activate(i)));
 | 
			
		||||
 | 
			
		||||
    function activate(index) {
 | 
			
		||||
      const toggleActive = (button, i) => button.classList.toggle('active', i === index);
 | 
			
		||||
      tabButtons.forEach(toggleActive);
 | 
			
		||||
      tabPanels.forEach(toggleActive);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
})();
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user