ext/search_kit/css/crmSearchAdmin.css

   1 #bootstrap-theme.crm-search-admin-list th[ng-click] {
   2   cursor: pointer;
   3 }
   4 #bootstrap-theme.crm-search-admin-list th i.fa-sort-desc,
   5 #bootstrap-theme.crm-search-admin-list th i.fa-sort-asc {
   6   color: #1a5a82;
   7 }
   8 #bootstrap-theme.crm-search-admin-list th:not(:hover) i.fa-sort {
   9   opacity: .5;
  10 }
  11
  12 #bootstrap-theme .crm-search-criteria-column {
  13   min-width: 500px;
  14 }
  15
  16 #bootstrap-theme.crm-search .nav-stacked {
  17   margin-left: 0;
  18   margin-right: 20px;
  19 }
  20
  21 #bootstrap-theme.crm-search ul.nav-stacked {
  22   margin-top: 20px;
  23 }
  24
  25 #bootstrap-theme.crm-search .help-block.bg-warning {
  26   padding: 15px;
  27 }
  28
  29 #bootstrap-theme.crm-search .form-control.huge {
  30   width: 275px;
  31 }
  32
  33 #bootstrap-theme.crm-search div.form-control.disabled,
  34 #bootstrap-theme.crm-search div.form-control.disabled * {
  35   cursor: not-allowed;
  36 }
  37
  38 #bootstrap-theme.crm-search input.ng-invalid {
  39   border-color: #8A1F11;
  40 }
  41 #bootstrap-theme.crm-search input.ng-invalid::placeholder {
  42   color: #8A1F11;
  43 }
  44
  45 #bootstrap-theme.crm-search ul.nav-stacked li {
  46   cursor: default;
  47 }
  48
  49 #bootstrap-theme.crm-search ul.nav-stacked li a[disabled] {
  50   text-decoration: line-through !important;
  51   color: grey;
  52   cursor: default;
  53   pointer-events: none;
  54 }
  55
  56 #bootstrap-theme.crm-search fieldset {
  57   padding: 6px;
  58   border-top: 1px solid lightgrey;
  59   margin-top: 10px;
  60   margin-bottom: 10px;
  61   position: relative;
  62 }
  63
  64 #bootstrap-theme.crm-search fieldset fieldset {
  65   padding-top: 0;
  66   border-left: 1px solid lightgrey;
  67   border-right: 1px solid lightgrey;
  68   border-bottom: 1px solid lightgrey;
  69 }
  70
  71 #bootstrap-theme.crm-search fieldset legend {
  72   background-color: white;
  73   font-size: 13px;
  74   margin: 0;
  75   width: auto;
  76   border: 0 none;
  77   padding: 2px 5px;
  78   text-transform: capitalize;
  79 }
  80 #bootstrap-theme.crm-search crm-search-clause > .btn-group {
  81   position: absolute;
  82   right: 0;
  83   top: 0;
  84 }
  85
  86 #bootstrap-theme.crm-search fieldset div.api4-input {
  87   margin-bottom: 10px;
  88 }
  89
  90 #bootstrap-theme.crm-search fieldset div.api4-input.ui-sortable-helper {
  91   background-color: rgba(255, 255, 255, .9);
  92 }
  93
  94 #bootstrap-theme.crm-search fieldset div.api4-input.ui-sortable-helper {
  95   background-color: rgba(255, 255, 255, .9);
  96 }
  97
  98 #bootstrap-theme.crm-search .api4-clause-fieldset fieldset {
  99   float: right;
 100   width: calc(100% - 58px);
 101   margin-top: -8px;
 102 }
 103
 104 #bootstrap-theme.crm-search .api4-clause-fieldset.api4-sorting fieldset .api4-clause-group-sortable {
 105   min-height: 3.5em;
 106 }
 107
 108 #bootstrap-theme.crm-search legend[ng-click] {
 109   cursor: pointer;
 110 }
 111
 112 #bootstrap-theme.crm-search .api4-input-group {
 113   display: inline-block;
 114 }
 115
 116 #bootstrap-theme.crm-search i.crm-search-move-icon {
 117   opacity: .5;
 118 }
 119 #bootstrap-theme.crm-search .crm-draggable:hover > * > i.crm-search-move-icon {
 120   opacity: 1;
 121 }
 122
 123 #bootstrap-theme.crm-search .api4-clause-badge {
 124   width: 55px;
 125   display: inline-block;
 126   cursor: move;
 127 }
 128 #bootstrap-theme.crm-search .api4-clause-badge .badge {
 129   opacity: .5;
 130   position: relative;
 131 }
 132 #bootstrap-theme.crm-search .api4-clause-badge .caret {
 133   margin: 0;
 134 }
 135 /* Icon only shown while dragging */
 136 #bootstrap-theme.crm-search .api4-clause-badge .crm-i {
 137   display: none;
 138   padding: 0 6px;
 139 }
 140 #bootstrap-theme.crm-search .ui-sortable-helper .api4-clause-badge .badge span {
 141   display: none;
 142 }
 143 #bootstrap-theme.crm-search .ui-sortable-helper .api4-clause-badge .crm-i {
 144   display: inline-block;
 145 }
 146
 147 #bootstrap-theme.crm-search .api4-operator {
 148   width: 110px;
 149 }
 150
 151 #bootstrap-theme.crm-search input[type=number] {
 152   width: 90px;
 153 }
 154 /* For display.settings.limit field */
 155 #bootstrap-theme.crm-search .checkbox-inline.form-control input[type=number] {
 156   position: relative;
 157   top: -5px;
 158   right: -9px;
 159 }
 160
 161 #bootstrap-theme.crm-search .api4-add-where-group-menu {
 162   min-width: 80px;
 163   background-color: rgba(186, 225, 251, 0.94);
 164 }
 165 #bootstrap-theme.crm-search .api4-add-where-group-menu a {
 166   padding: 5px 10px;
 167 }
 168
 169 #bootstrap-theme.crm-search .btn.form-control {
 170   height: 36px;
 171 }
 172
 173 #bootstrap-theme.crm-search th.crm-search-result-select {
 174   padding-right: 10px;
 175 }
 176
 177 #bootstrap-theme .crm-search-delete-display {
 178   position: absolute;
 179   right: 0;
 180   top: 0;
 181 }
 182
 183 #bootstrap-theme .crm-search-admin-edit-columns {
 184   height: 100%;
 185 }
 186 #bootstrap-theme .crm-search-admin-edit-columns > fieldset {
 187   background-color: rgba(255, 255, 255, .8);
 188 }
 189
 190 /* A flex-row arranges elements inline, with the 'crm-flex-*' item(s) taking up all remaining space */
 191 #bootstrap-theme .crm-search-admin-flex-row {
 192   display: flex;
 193   align-items: center;
 194 }
 195 #bootstrap-theme .crm-search-admin-flex-row > *:not(:first-child) {
 196   margin-left: 6px;
 197 }
 198
 199 #bootstrap-theme .crm-search-admin-unused-columns fieldset {
 200   min-height: 60px;
 201 }
 202
 203 #bootstrap-theme.crm-search .crm-editable-enabled {
 204   display: inline-block;
 205   padding: 0 4px !important;
 206   border: 2px solid transparent !important;
 207   min-width: 21px;
 208 }
 209 #bootstrap-theme.crm-search .crm-editable-enabled:hover:not(:focus) {
 210   border: 2px dashed grey !important;
 211 }
 212 #bootstrap-theme.crm-search .crm-editable-enabled:before,
 213 #bootstrap-theme.crm-search .crm-editable-enabled:after {
 214   content: '';
 215   display: none;
 216 }
 217
 218 #bootstrap-theme .crm-search-admin-icon-col {
 219   width: 24px;
 220 }
 221 #bootstrap-theme tbody .crm-search-admin-icon-col {
 222   text-align: center;
 223 }
 224
 225 #bootstrap-theme input[type=search]::placeholder {
 226   font-family: FontAwesome;
 227   text-align: right;
 228 }
 229 #bootstrap-theme input[type=search]:-ms-input-placeholder {
 230   font-family: FontAwesome;
 231   text-align: right;
 232 }
 233 #bootstrap-theme input[type=search]::-ms-input-placeholder {
 234   font-family: FontAwesome;
 235   text-align: right;
 236 }