N°2847 - Rework of TabContainer / Tab

- Add JS widget to handle front-end logic and for better encapsulation
- Move SCSS files to match convention
- Update SCSS files
- Remove unused SCSS file
- Move HTML templates to match convention
- Remove unused HTML template
- Renamed codes and folders to match convention
- Update PHPDoc
- Reformat code
- Remove usage of return type hinting when using "self"
This commit is contained in:
Molkobain
2020-09-30 17:46:11 +02:00
parent 261131d6d7
commit 50bf0c9a27
20 changed files with 398 additions and 287 deletions

View File

@@ -929,52 +929,52 @@ button.ui-button {
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;
padding: .2em;
.ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
.ui-tabs-anchor {
cursor: text;
}
}
li.ui-state-disabled {
.ui-tabs-anchor {
cursor: text;
}
}
li.ui-tabs-loading {
.ui-tabs-anchor {
cursor: text;
}
}
}
.ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
// background: none;
}
}
//.ui-tabs {
// position: relative;
// padding: .2em;
// .ui-tabs-nav {
// margin: 0;
// padding: .2em .2em 0;
// li {
// list-style: none;
// float: left;
// position: relative;
// top: 0;
// margin: 1px .2em 0 0;
// border-bottom-width: 0;
// padding: 0;
// white-space: nowrap;
// }
// .ui-tabs-anchor {
// float: left;
// padding: .5em 1em;
// text-decoration: none;
// }
// li.ui-tabs-active {
// margin-bottom: -1px;
// padding-bottom: 1px;
// .ui-tabs-anchor {
// cursor: text;
// }
// }
// li.ui-state-disabled {
// .ui-tabs-anchor {
// cursor: text;
// }
// }
// li.ui-tabs-loading {
// .ui-tabs-anchor {
// cursor: text;
// }
// }
// }
// .ui-tabs-panel {
// display: block;
// border-width: 0;
// padding: 1em 1.4em;
// // background: none;
// }
//}
.ui-tabs-collapsible {
.ui-tabs-nav {
li.ui-tabs-active {