Fix SDK and project dropdown boxes display with mozilla
[src/xds/xds-agent.git] / webapp / src / app / pages / build / build.component.scss
1 @import '../../@theme/styles/themes';
2 @import '~bootstrap/scss/mixins/breakpoints';
3 @import '~@nebular/theme/styles/global/bootstrap/breakpoints';
4
5 @include nb-install-component() {
6   nb-tabset {
7     height: 100%;
8     display: flex;
9     flex-direction: column;
10   }
11
12   nb-tab {
13     padding: nb-theme(padding);
14   }
15
16   /deep/ ngx-tab1,
17   /deep/ ngx-tab2 {
18     display: block;
19     padding: nb-theme(padding);
20   }
21
22   @include media-breakpoint-down(xs) {
23     nb-tabset /deep/ul {
24       font-size: 1rem;
25       padding: 0 0.25rem;
26     }
27   }
28 }
29
30 .right {
31   display: flex;
32   flex-direction: row-reverse;
33   padding-right: 30px;
34 }
35
36 nb-action {
37   i {
38     font-size: 2rem;
39     margin-right: 0.5rem;
40   }
41 }
42
43 .textarea-scroll {
44   border-color: lightgray;
45   width: 97%;
46   overflow-y: scroll;
47 }
48
49 @-moz-document url-prefix('') {
50   .col-12 {
51     margin-bottom: 30px;
52   }
53 }