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