ext/search/css/search.css

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