Merge pull request #18668 from eileenmcnaughton/no_opt
[civicrm-core.git] / ext / search / css / search.css
CommitLineData
25523059
CW
1.crm-flex-box {
2 display: flex;
3}
4.crm-flex-box > * {
5 flex: 1;
6}
7.crm-flex-box > .crm-flex-2 {
8 flex: 2;
9}
10.crm-flex-box > .crm-flex-3 {
11 flex: 3;
12}
13.crm-flex-box > .crm-flex-4 {
14 flex: 4;
15}
16#bootstrap-theme #crm-search-results-page-size {
17 width: 5em;
18}
19#bootstrap-theme .crm-search-results {
20 min-height: 200px;
21}
22.crm-search-results thead th[ng-repeat] {
23 cursor: pointer;
24}
25.crm-search-results thead th[ng-repeat] > span {
26 cursor: move;
27}
28
29#bootstrap-theme.crm-search fieldset {
30 padding: 6px;
31 border-top: 1px solid lightgrey;
32 margin-top: 10px;
33 margin-bottom: 10px;
34 position: relative;
35}
36
37#bootstrap-theme.crm-search fieldset fieldset {
38 padding-top: 0;
39 border-left: 1px solid lightgrey;
40 border-right: 1px solid lightgrey;
41 border-bottom: 1px solid lightgrey;
42}
43
44#bootstrap-theme.crm-search fieldset legend {
45 background-color: white;
46 font-size: 13px;
47 margin: 0;
48 width: auto;
49 border: 0 none;
50 padding: 2px 5px;
51 text-transform: capitalize;
52}
9b057f1e 53#bootstrap-theme.crm-search crm-search-clause > .btn-group {
25523059
CW
54 position: absolute;
55 right: 0;
9b057f1e 56 top: 0;
25523059 57}
9b057f1e 58#bootstrap-theme.crm-search crm-search-clause > .btn-group .btn {
25523059
CW
59 border: 0 none;
60}
61
62#bootstrap-theme.crm-search fieldset div.api4-input {
63 margin-bottom: 10px;
64}
65
66#bootstrap-theme.crm-search fieldset div.api4-input.ui-sortable-helper {
67 background-color: rgba(255, 255, 255, .9);
68}
69
70#bootstrap-theme.crm-search fieldset div.api4-input.ui-sortable-helper {
71 background-color: rgba(255, 255, 255, .9);
72}
73
74#bootstrap-theme.crm-search div.api4-input.form-inline label.form-control {
75 margin-right: 6px;
76}
77#bootstrap-theme.crm-search div.api4-input.form-inline label.form-control input[type=checkbox] {
78 margin: 0 2px 0 0;
79}
80
81#bootstrap-theme.crm-search div.api4-input.form-inline label.form-control:not(.api4-option-selected) {
82 transition: none;
83 box-shadow: none;
84 -webkit-box-shadow: none;
85 -moz-box-shadow: none;
86 font-weight: normal;
87}
88
89#bootstrap-theme.crm-search div.api4-input.form-inline .form-control label {
90 font-weight: normal;
91 position: relative;
92 top: -2px;
93}
94#bootstrap-theme.crm-search .api4-clause-fieldset fieldset {
95 float: right;
96 width: calc(100% - 58px);
97 margin-top: -8px;
98}
99
100#bootstrap-theme.crm-search .api4-clause-fieldset.api4-sorting fieldset .api4-clause-group-sortable {
101 min-height: 3.5em;
102}
103
104#bootstrap-theme.crm-search .api4-input-group {
105 display: inline-block;
106}
107
108#bootstrap-theme.crm-search i.fa-arrows {
109 cursor: move;
110}
111
112#bootstrap-theme.crm-search .api4-clause-badge {
113 width: 55px;
114 display: inline-block;
115 cursor: move;
116}
117#bootstrap-theme.crm-search .api4-clause-badge .badge {
118 opacity: .5;
119 position: relative;
120}
121#bootstrap-theme.crm-search .api4-clause-badge .caret {
122 margin: 0;
123}
124#bootstrap-theme.crm-search .api4-clause-badge .crm-i {
125 display: none;
126 padding: 0 6px;
127}
128#bootstrap-theme.crm-search .ui-sortable-helper .api4-clause-badge .badge span {
129 display: none;
130}
131#bootstrap-theme.crm-search .ui-sortable-helper .api4-clause-badge .crm-i {
132 display: inline-block;
133}
134
135#bootstrap-theme.crm-search .api4-operator {
7156e4b0 136 width: 110px;
25523059
CW
137}
138
139#bootstrap-theme.crm-search .api4-add-where-group-menu {
140 min-width: 80px;
141 background-color: rgba(186, 225, 251, 0.94);
142}
143#bootstrap-theme.crm-search .api4-add-where-group-menu a {
144 padding: 5px 10px;
145}
146
147#bootstrap-theme.crm-search .btn.form-control {
148 height: 36px;
149}
2d198bb4
CW
150
151#bootstrap-theme.crm-search th.crm-search-result-select {
152 padding-right: 10px;
153}