summaryrefslogtreecommitdiffstats
path: root/src/pybind/mgr/dashboard/frontend/src/styles/bootstrap-extends.scss
blob: be304c9e4e30779cdb58ac51f3c624488e255612 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
/*
 * Include here all styles from components that extend from bootstrap.
 * This removes the need to @import bootstrap into those component,
 * thus reducing the final css size.
*/

cd-info-card {
  .card {
    @extend .pb-2;

    .card-body {
      .card-title {
        @extend .pl-2;
      }

      .card-text {
        @extend .pt-2;
      }
    }
  }
}

.btn-toolbar cd-table-actions.btn-group {
  @extend .mr-2;
}

cd-table {
  .cd-datatable {
    .datatable-footer {
      @extend .p-2;

      .datatable-pager {
        ul {
          @extend .pagination;

          li {
            @extend .page-item;

            a {
              @extend .page-link;
            }
          }
        }
      }
    }
  }
}

cd-health {
  cd-info-card {
    @extend .d-flex;
    @extend .flex-column;
    @extend .mb-4;

    @extend .col-12;
    @extend .col-sm-12;
    @extend .col-md-6;
    @extend .col-lg-4;

    &.cd-status-card {
      @extend .col-xl-3;
    }

    &.cd-performance-card,
    &.cd-capacity-card {
      @extend .col-xl;
    }

    &.cd-capacity-card {
      @extend .col-lg-3;
    }

    &.cd-performance-card {
      @extend .col-lg-6;
    }

    &.cd-chart-card {
      @extend .col-md-12;
      @extend .col-lg-6;
      @extend .col-xl-4;
      @extend .col-2xl-3;
    }
  }
}

cd-logs {
  label {
    @extend .mr-2;
  }

  .form-inline > .form-group {
    @extend .mr-3;
    @extend .mb-3;
  }
}

cd-about {
  dl {
    @extend .row;
  }

  dt {
    @extend .col-4;
    @extend .font-weight-bold;
  }

  dd {
    @extend .col-8;
  }
}

.cd-header,
legend {
  @extend .pb-1;
  @extend .mt-4;
  @extend .mb-4;
  @extend .border-bottom;
}

// All '.fa' icons will have fixed width
.fa {
  @extend .fa-fw;
}

pre:not(cd-api-docs *) {
  @extend .card;
  @extend .bg-light;
  @extend .p-2;
}