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 .crm-draggable {
  17   cursor: move;
  18 }
  19
  20 #bootstrap-theme #crm-search-results-page-size {
  21   width: 5em;
  22 }
  23 #bootstrap-theme .crm-search-results {
  24   min-height: 200px;
  25 }
  26
  27 #bootstrap-theme.crm-search .nav-stacked {
  28   margin-left: 0;
  29   margin-right: 20px;
  30 }
  31
  32 #bootstrap-theme.crm-search ul.nav-stacked {
  33   margin-top: 20px;
  34 }
  35
  36 #bootstrap-theme.crm-search input.ng-invalid {
  37   border-color: #8A1F11;
  38 }
  39 #bootstrap-theme.crm-search input.ng-invalid::placeholder {
  40   color: #8A1F11;
  41 }
  42
  43 #bootstrap-theme.crm-search ul.nav-stacked li {
  44   cursor: default;
  45 }
  46
  47 #bootstrap-theme.crm-search ul.nav-stacked li a[disabled] {
  48   text-decoration: line-through !important;
  49   color: grey;
  50   cursor: default;
  51   pointer-events: none;
  52 }
  53
  54 #bootstrap-theme.crm-search fieldset {
  55   padding: 6px;
  56   border-top: 1px solid lightgrey;
  57   margin-top: 10px;
  58   margin-bottom: 10px;
  59   position: relative;
  60 }
  61
  62 #bootstrap-theme.crm-search fieldset fieldset {
  63   padding-top: 0;
  64   border-left: 1px solid lightgrey;
  65   border-right: 1px solid lightgrey;
  66   border-bottom: 1px solid lightgrey;
  67 }
  68
  69 #bootstrap-theme.crm-search fieldset legend {
  70   background-color: white;
  71   font-size: 13px;
  72   margin: 0;
  73   width: auto;
  74   border: 0 none;
  75   padding: 2px 5px;
  76   text-transform: capitalize;
  77 }
  78 #bootstrap-theme.crm-search crm-search-clause > .btn-group {
  79   position: absolute;
  80   right: 0;
  81   top: 0;
  82 }
  83 #bootstrap-theme.crm-search crm-search-clause > .btn-group .btn {
  84   border: 0 none;
  85 }
  86
  87 #bootstrap-theme.crm-search fieldset div.api4-input {
  88   margin-bottom: 10px;
  89 }
  90
  91 #bootstrap-theme.crm-search fieldset div.api4-input.ui-sortable-helper {
  92   background-color: rgba(255, 255, 255, .9);
  93 }
  94
  95 #bootstrap-theme.crm-search fieldset div.api4-input.ui-sortable-helper {
  96   background-color: rgba(255, 255, 255, .9);
  97 }
  98
  99 #bootstrap-theme.crm-search div.api4-input.form-inline label.form-control {
 100   margin-right: 6px;
 101 }
 102 #bootstrap-theme.crm-search div.api4-input.form-inline label.form-control input[type=checkbox] {
 103   margin: 0 2px 0 0;
 104 }
 105
 106 #bootstrap-theme.crm-search div.api4-input.form-inline label.form-control:not(.api4-option-selected) {
 107   transition: none;
 108   box-shadow: none;
 109   -webkit-box-shadow: none;
 110   -moz-box-shadow: none;
 111   font-weight: normal;
 112 }
 113
 114 #bootstrap-theme.crm-search div.api4-input.form-inline .form-control label {
 115   font-weight: normal;
 116   position: relative;
 117   top: -2px;
 118 }
 119 #bootstrap-theme.crm-search .api4-clause-fieldset fieldset {
 120   float: right;
 121   width: calc(100% - 58px);
 122   margin-top: -8px;
 123 }
 124
 125 #bootstrap-theme.crm-search .api4-clause-fieldset.api4-sorting fieldset .api4-clause-group-sortable {
 126   min-height: 3.5em;
 127 }
 128
 129 #bootstrap-theme.crm-search .api4-input-group {
 130   display: inline-block;
 131 }
 132
 133 #bootstrap-theme.crm-search i.fa-arrows {
 134   cursor: move;
 135 }
 136
 137 #bootstrap-theme.crm-search .api4-clause-badge {
 138   width: 55px;
 139   display: inline-block;
 140   cursor: move;
 141 }
 142 #bootstrap-theme.crm-search .api4-clause-badge .badge {
 143   opacity: .5;
 144   position: relative;
 145 }
 146 #bootstrap-theme.crm-search .api4-clause-badge .caret {
 147   margin: 0;
 148 }
 149 #bootstrap-theme.crm-search .api4-clause-badge .crm-i {
 150   display: none;
 151   padding: 0 6px;
 152 }
 153 #bootstrap-theme.crm-search .ui-sortable-helper .api4-clause-badge .badge span {
 154   display: none;
 155 }
 156 #bootstrap-theme.crm-search .ui-sortable-helper .api4-clause-badge .crm-i {
 157   display: inline-block;
 158 }
 159
 160 #bootstrap-theme.crm-search .api4-operator {
 161   width: 110px;
 162 }
 163
 164 #bootstrap-theme.crm-search .api4-add-where-group-menu {
 165   min-width: 80px;
 166   background-color: rgba(186, 225, 251, 0.94);
 167 }
 168 #bootstrap-theme.crm-search .api4-add-where-group-menu a {
 169   padding: 5px 10px;
 170 }
 171
 172 #bootstrap-theme.crm-search .btn.form-control {
 173   height: 36px;
 174 }
 175
 176 #bootstrap-theme.crm-search th.crm-search-result-select {
 177   padding-right: 10px;
 178 }
 179
 180 #bootstrap-theme .crm-search-delete-display {
 181   position: absolute;
 182   right: 0;
 183   top: 0;
 184 }