ext/search/css/search.css

   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 }
  53 #bootstrap-theme.crm-search crm-search-clause > .btn-group {
  54   position: absolute;
  55   right: 0;
  56   top: 0;
  57 }
  58 #bootstrap-theme.crm-search crm-search-clause > .btn-group .btn {
  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 {
 136   width: 110px;
 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 }
 150
 151 #bootstrap-theme.crm-search th.crm-search-result-select {
 152   padding-right: 10px;
 153 }