blob: 7d0369d44ef8541de72d0edb0fe9558e9840380a [file] [log] [blame]
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@import '../../variables';
$nav-width: 250px;
.query-view {
height: 100%;
width: 100%;
.column-tree {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: $nav-width;
@include card-like;
}
.splitter-layout {
position: absolute;
top: 0;
height: 100%;
left: $nav-width + $thin-padding;
right: 0;
width: auto;
.control-pane {
position: absolute;
width: 100%;
top: 0;
bottom: 10px;
.query-input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 30px + $thin-padding;
@include card-like;
overflow: hidden;
}
.query-control-bar {
position: absolute;
bottom: 0;
width: 100%;
& > * {
vertical-align: bottom;
margin-right: 10px;
}
.auto-limit {
display: inline-block;
margin-bottom: 6px;
font-size: $pt-font-size;
.bp3-control-indicator {
margin-top: -1px;
}
}
.query-extra-info,
.query-timer {
position: absolute;
right: 0;
top: 0;
margin-right: 0;
}
}
}
&.splitter-layout-vertical > .layout-splitter {
height: 3px;
background-color: $gray1;
}
.output-pane {
position: absolute;
width: 100%;
top: 10px;
bottom: 0;
@include card-like;
overflow: hidden;
> * {
position: absolute;
width: 100%;
height: 100%;
}
.init-state {
text-align: center;
p {
position: relative;
top: 38%;
font-size: 15px;
}
}
}
}
&.hide-column-tree .splitter-layout {
left: 0;
}
}