Hi,
i would like to change the direction in the tabpanel (bootstrapcomponents-tabpanel) from top to right.
Different attempts with css like "float: left" did not bring success.
Is this even possible?
BR
Andreas
/* use 100% of available width and disable tabs pagination */
.bts-tabpanel > .nav-tabs {
min-width: 100%;
}
/* align tabs to the right */
.bts-tabpanel .nav-tabs li {
float: right;
}
.svy-wrapper > * > .bts-tabpanel > .nav-tabs {
min-width: 42px;
}
.svy-wrapper > * > .bts-tabpanel > .tab-content {
right: 42px;
top: 0;
}
.svy-wrapper > * > .bts-tabpanel > .nav-tabs {
position: absolute;
top: 0;
right: 0;
left: auto;
width: 42px;
bottom: 0;
height: 100%;
}
.svy-wrapper > * > .bts-tabpanel .nav > li > a {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
padding: 10px 5px;
}
.svy-wrapper > * > .bts-tabpanel ~ .absoluteTopRight {
display:none;
}
Users browsing this forum: No registered users and 12 guests