1//  Licensed under the Apache License, Version 2.0 (the "License"); you may not
2//  use this file except in compliance with the License. You may obtain a copy of
3//  the License at
4//
5//    http://www.apache.org/licenses/LICENSE-2.0
6//
7//  Unless required by applicable law or agreed to in writing, software
8//  distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
9//  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
10//  License for the specific language governing permissions and limitations under
11//  the License.
12
13@import "../../../../../assets/less/bootstrap/variables.less";
14@import "../../../../../assets/less/variables.less";
15@import "../../../../../assets/less/bootstrap/mixins.less";
16
17.tools .nav {
18  margin-bottom: 10px;
19}
20
21.new-database-tray {
22
23  &:before {
24    right: 250px;
25  }
26
27  input.input-xxlarge {
28    margin-bottom: 0px;
29    width: 100%;
30  }
31
32  a.btn {
33    margin-left: 0;
34    line-height: 1.5em;
35    border: 0px;
36    padding: 10px 10px 9px;
37    font-size: 14px;
38
39    &.btn-cancel {
40      background-color: transparent;
41      border-color: @background;
42      border-width: 1px;
43      border-style: solid;
44      color: @buttonText;
45      &:hover {
46        background-color: @background;
47        color: @hoverHighlight;
48      }
49    }
50  }
51
52  .tray-contents {
53    display: flex;
54    flex-direction: column;
55    height: 100%;
56    width: 352px;
57    overflow-y: scroll;
58  }
59
60  .tray-header {
61    padding-right: 20px;
62    padding-left: 20px;
63    padding-top: 10px;
64  }
65  .tray-body {
66    flex: 1;
67    padding-right: 20px;
68    padding-left: 20px;
69  }
70  .tray-footer {
71    display: flex;
72    justify-content: space-between;
73    padding: 20px;
74    a.btn {
75      min-width: 140px;
76    }
77  }
78
79  .db-name-label {
80    font-weight: bold;
81  }
82
83  .partitioned-db-section {
84    flex: 1;
85  }
86  .partitioned-db-label {
87    font-weight: bold;
88    padding-top: 1rem;
89  }
90  .partitioned-db-options {
91    display: flex;
92    align-items: baseline;
93    padding-top: 1rem;
94    input {
95      margin: 0px 10px 0px 0px;
96    }
97  }
98  .partitioned-db-help {
99    padding-top: 1rem;
100    font-size: 0.875rem;
101    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
102  }
103}
104
105.new-database-tray--expanded {
106  height: calc(100% - 64px);
107}
108
109#database-pagination {
110  float: right;
111}
112
113.database-load-fail {
114  color: #999999;
115  height: 49px;
116}
117
118.database-actions > * {
119  margin-right: 10px;
120}
121
122@media screen and (max-width: 768px) {
123  .add-new-database-btn span{
124    display: none;
125  }
126  .new-database-tray:before {
127    right: 185px;
128  }
129}
130
131@media screen and (max-width: 1120px) {
132  // Left nav menuy is closed
133  .new-database-tray {
134    .tray-contents {
135      width: 332px;
136    }
137  }
138}
139