searchBuilder.bootstrap4.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. div.dt-button-collection {
  2. overflow: visible !important;
  3. z-index: 2002 !important;
  4. }
  5. div.dt-button-collection div.dtsb-searchBuilder {
  6. width: 99% !important;
  7. padding-left: 10px !important;
  8. padding-right: 10px !important;
  9. }
  10. div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow {
  11. padding-right: 40px;
  12. }
  13. .dtsb-greyscale {
  14. border: 1px solid #cecece !important;
  15. }
  16. div.dtsb-logicContainer .dtsb-greyscale {
  17. border: none !important;
  18. }
  19. div.dtsb-searchBuilder {
  20. justify-content: space-evenly;
  21. cursor: default;
  22. margin-bottom: 1em;
  23. text-align: left;
  24. }
  25. div.dtsb-searchBuilder button.dtsb-button,
  26. div.dtsb-searchBuilder select {
  27. font-size: 1em;
  28. }
  29. div.dtsb-searchBuilder div.dtsb-titleRow {
  30. justify-content: space-evenly;
  31. margin-bottom: 0.5em;
  32. }
  33. div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  34. display: inline-block;
  35. padding-top: 6px;
  36. }
  37. div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty {
  38. display: inline;
  39. }
  40. div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
  41. float: right;
  42. margin-bottom: 0.333em;
  43. }
  44. div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition {
  45. display: block;
  46. }
  47. div.dtsb-searchBuilder div.dtsb-group {
  48. position: relative;
  49. clear: both;
  50. margin-bottom: 0.8em;
  51. }
  52. div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  53. margin: 2px;
  54. text-align: center;
  55. padding: 0;
  56. }
  57. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  58. -webkit-transform: rotate(90deg);
  59. -moz-transform: rotate(90deg);
  60. -o-transform: rotate(90deg);
  61. -ms-transform: rotate(90deg);
  62. transform: rotate(90deg);
  63. position: absolute;
  64. margin-top: 0.8em;
  65. margin-right: 0.8em;
  66. }
  67. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
  68. margin-bottom: 0.8em;
  69. }
  70. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
  71. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
  72. padding: 0.4em;
  73. margin-right: 0.8em;
  74. max-width: 20em;
  75. background-color: rgba(200, 200, 200, 0.3);
  76. }
  77. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,
  78. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic {
  79. font-style: normal;
  80. }
  81. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic {
  82. font-style: italic;
  83. }
  84. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
  85. float: right;
  86. display: inline-block;
  87. }
  88. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left {
  89. margin-right: 0.8em;
  90. }
  91. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child {
  92. margin-right: 0;
  93. }
  94. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria span.dtsp-joiner {
  95. margin-right: 0.8em;
  96. }
  97. div.dtsb-searchBuilder div.dtsb-titleRow {
  98. height: 40px;
  99. }
  100. div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  101. padding-top: 10px;
  102. }
  103. div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  104. margin-right: 8px;
  105. }
  106. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control {
  107. width: auto;
  108. display: inline-block;
  109. }
  110. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition {
  111. border-color: #28a745;
  112. }
  113. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
  114. border-color: #dc3545;
  115. }
  116. div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
  117. border-color: #007bff;
  118. }
  119. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  120. border-radius: 4px;
  121. display: flex;
  122. flex-direction: row;
  123. flex-wrap: wrap;
  124. justify-content: flex-start;
  125. align-content: flex-start;
  126. align-items: flex-start;
  127. margin-top: 10px;
  128. }
  129. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic {
  130. border: none;
  131. border-radius: 0px;
  132. flex-grow: 1;
  133. flex-shrink: 0;
  134. flex-basis: 3em;
  135. margin: 0px;
  136. }
  137. div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
  138. border: none;
  139. border-radius: 0px;
  140. width: 2em;
  141. margin: 0px;
  142. }
  143. div.dt-button-collection div.dtsb-searchBuilder {
  144. padding-left: 10px;
  145. padding-right: 10px;
  146. }