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