9fa11499c755186e6ff0e3ccfa191a9d8c871ad2
[osm/UI.git] / skyquake / plugins / composer / src / src / styles / CanvasPanel.scss
1
2 /*
3  *
4  *   Copyright 2016 RIFT.IO Inc
5  *
6  *   Licensed under the Apache License, Version 2.0 (the "License");
7  *   you may not use this file except in compliance with the License.
8  *   You may obtain a copy of the License at
9  *
10  *       http://www.apache.org/licenses/LICENSE-2.0
11  *
12  *   Unless required by applicable law or agreed to in writing, software
13  *   distributed under the License is distributed on an "AS IS" BASIS,
14  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15  *   See the License for the specific language governing permissions and
16  *   limitations under the License.
17  *
18  */
19 @import 'variables';
20
21 .CanvasPanel {
22         position: absolute;
23         top: 0;
24         right: 0;
25         bottom: 0;
26         left: 250px;
27         width: auto;
28         min-width: 300px;
29         overflow: hidden;
30         z-index: 1;
31         .CanvasPanelHeader {
32                 h1 {
33                         margin: 0;
34                         min-height: 56px;
35                         padding: 20px;
36                         color: #000000;
37                         font-size: 14px;
38                         font-weight: bold;
39                         text-align: left;
40                         text-transform: uppercase;
41                         line-height: 16px;
42                         background-color: #ffffff;
43                 }
44         }
45         .CanvasPanelBody {
46                 position: absolute;
47                 bottom: 0;
48                 top: 142px;
49         }
50         .CanvasPanelTabs {
51             height: 32px;
52         margin-top: 49px;
53             background-color: #cbd1d1;
54             .CatalogFilter {
55                         max-width:25%;
56                     margin-left: 1rem;
57                 margin-top: 3px;
58                         button {
59                             -ms-flex-pack: center;
60                         justify-content: center;
61                             &.-selected {
62                                 background:#e5e5e5;
63                             }
64                         }
65             }
66         }
67 }