95 lines
2.6 KiB
SCSS
95 lines
2.6 KiB
SCSS
body.o_web_client {
|
|
.multi_tab_section {
|
|
.multi_tab_div {
|
|
padding: 3px 10px;
|
|
box-shadow: var(--box-shadow-common) !important;
|
|
background: var(--biz-theme-secondary-color) !important;
|
|
border-radius: var(--border-radius-lg) !important;
|
|
height: 35px;
|
|
line-height: 30px;
|
|
min-width: 170px;
|
|
.remove_tab {
|
|
color: #cdcdcd;
|
|
cursor: pointer;
|
|
}
|
|
a{
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding-right: 10px;
|
|
|
|
span{
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
&.tab_active {
|
|
a, .remove_tab {
|
|
color: #fff !important;
|
|
}
|
|
background: var(--biz-theme-primary-rgba) !important;
|
|
border-color: var(--biz-theme-primary-rgba) !important;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
position: absolute;
|
|
width: min-intrinsic !important;
|
|
width: -webkit-fill-available;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
overflow-x: auto;
|
|
gap: 8px;
|
|
padding-bottom: 8px;
|
|
|
|
&::-webkit-scrollbar {
|
|
display: block !important;
|
|
height: 2px;
|
|
}
|
|
|
|
}
|
|
&.top_menu_vertical {
|
|
&.multi_tab_enabled{
|
|
.o_action_manager {
|
|
margin-top: 60px;
|
|
}
|
|
}
|
|
.multi_tab_section {
|
|
// padding: 0px 5rem 0px 27rem;
|
|
top: 8px;
|
|
@media (max-width: 767.98px){
|
|
left: 15px;
|
|
right: 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
left: calc(var(--vertical-menu-width) + 3rem);
|
|
right: 5rem;
|
|
}
|
|
|
|
}
|
|
&:not(.pinned) {
|
|
.multi_tab_section {
|
|
left: 8rem;
|
|
// padding: 0px 5rem 0px 8rem;
|
|
}
|
|
}
|
|
}
|
|
&.top_menu_horizontal {
|
|
&.multi_tab_enabled{
|
|
.o_action_manager {
|
|
margin-top: 60px;
|
|
}
|
|
}
|
|
.multi_tab_section {
|
|
top: calc(var(--horizontal-menu-height) + 8px);
|
|
@media (max-width: 767.98px){
|
|
left: 15px;
|
|
right: 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
left: 5rem;
|
|
right: 5rem;
|
|
}
|
|
|
|
// padding: 0px 5rem 0px 5rem;
|
|
}
|
|
}
|
|
} |