Fix toolbar disable in two-line header mode
This commit is contained in:
		
							parent
							
								
									99d41c7832
								
							
						
					
					
						commit
						9d177228df
					
				| 
						 | 
					@ -257,6 +257,21 @@
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .toolbar-mask {
 | 
				
			||||||
 | 
					        position: absolute;
 | 
				
			||||||
 | 
					        top: 32px;
 | 
				
			||||||
 | 
					        left: 48px;
 | 
				
			||||||
 | 
					        right: 0;
 | 
				
			||||||
 | 
					        bottom: 0;
 | 
				
			||||||
 | 
					        opacity: 0;
 | 
				
			||||||
 | 
					        background-color: @gray-light;
 | 
				
			||||||
 | 
					        /* z-index: @zindex-tooltip + 1; */
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &.toolbar-view .toolbar-mask{
 | 
				
			||||||
 | 
					        left: 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .top-title > & {
 | 
					    .top-title > & {
 | 
				
			||||||
        &:not(.folded) {
 | 
					        &:not(.folded) {
 | 
				
			||||||
            height: 28 + @height-controls;
 | 
					            height: 28 + @height-controls;
 | 
				
			||||||
| 
						 | 
					@ -277,6 +292,10 @@
 | 
				
			||||||
        .box-tabs {
 | 
					        .box-tabs {
 | 
				
			||||||
            height: 28px;
 | 
					            height: 28px;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        .toolbar-mask {
 | 
				
			||||||
 | 
					            left: 0;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,4 +1,4 @@
 | 
				
			||||||
<div class="toolbar">
 | 
					<div class="toolbar toolbar-view">
 | 
				
			||||||
    <div class="box-tabs">
 | 
					    <div class="box-tabs">
 | 
				
			||||||
        <div class="extra left"></div>
 | 
					        <div class="extra left"></div>
 | 
				
			||||||
        <%= tabsmarkup %>
 | 
					        <%= tabsmarkup %>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -22,17 +22,6 @@
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.toolbar-mask {
 | 
					 | 
				
			||||||
    position: absolute;
 | 
					 | 
				
			||||||
    top: 32px;
 | 
					 | 
				
			||||||
    left: 48px;
 | 
					 | 
				
			||||||
    right: 0;
 | 
					 | 
				
			||||||
    bottom: 0;
 | 
					 | 
				
			||||||
    opacity: 0;
 | 
					 | 
				
			||||||
    background-color: @gray-light;
 | 
					 | 
				
			||||||
    /* z-index: @zindex-tooltip + 1; */
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.toolbar-group-mask {
 | 
					.toolbar-group-mask {
 | 
				
			||||||
    position: absolute;
 | 
					    position: absolute;
 | 
				
			||||||
    top: 0;
 | 
					    top: 0;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,4 +1,4 @@
 | 
				
			||||||
<div class="toolbar">
 | 
					<div class="toolbar toolbar-view">
 | 
				
			||||||
    <div class="box-tabs">
 | 
					    <div class="box-tabs">
 | 
				
			||||||
        <div class="extra left"></div>
 | 
					        <div class="extra left"></div>
 | 
				
			||||||
        <%= tabsmarkup %>
 | 
					        <%= tabsmarkup %>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -17,17 +17,6 @@
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.toolbar-mask {
 | 
					 | 
				
			||||||
    position: absolute;
 | 
					 | 
				
			||||||
    top: 32px;
 | 
					 | 
				
			||||||
    left: 48px;
 | 
					 | 
				
			||||||
    right: 0;
 | 
					 | 
				
			||||||
    bottom: 0;
 | 
					 | 
				
			||||||
    opacity: 0;
 | 
					 | 
				
			||||||
    background-color: @gray-light;
 | 
					 | 
				
			||||||
    /*z-index: @zindex-tooltip + 1;*/
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.menu-layouts {
 | 
					.menu-layouts {
 | 
				
			||||||
    .dataview.inner {
 | 
					    .dataview.inner {
 | 
				
			||||||
        & > div:not(.grouped-data):not([class^=ps-scrollbar]) {
 | 
					        & > div:not(.grouped-data):not([class^=ps-scrollbar]) {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,4 +1,4 @@
 | 
				
			||||||
<section class="toolbar">
 | 
					<section class="toolbar toolbar-view">
 | 
				
			||||||
    <section class="box-tabs">
 | 
					    <section class="box-tabs">
 | 
				
			||||||
        <div class="extra left"></div>
 | 
					        <div class="extra left"></div>
 | 
				
			||||||
        <%= tabsmarkup %>
 | 
					        <%= tabsmarkup %>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -39,17 +39,6 @@
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.toolbar-mask {
 | 
					 | 
				
			||||||
    position: absolute;
 | 
					 | 
				
			||||||
    top: 32px;
 | 
					 | 
				
			||||||
    left: 48px;
 | 
					 | 
				
			||||||
    right: 0;
 | 
					 | 
				
			||||||
    bottom: 0;
 | 
					 | 
				
			||||||
    opacity: 0;
 | 
					 | 
				
			||||||
    background-color: @gray-light;
 | 
					 | 
				
			||||||
    /*z-index: @zindex-tooltip + 1;*/
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.color-schemas-menu {
 | 
					.color-schemas-menu {
 | 
				
			||||||
    span {
 | 
					    span {
 | 
				
			||||||
        &.colors {
 | 
					        &.colors {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue