1 /* Style rules for Api4 Explorer */
3 #bootstrap-theme.api4-explorer-page
.panel-heading
{
6 #bootstrap-theme.api4-explorer-page
.panel-body
{
7 min-height: calc
( 100% - 50px);
9 #bootstrap-theme.api4-explorer-page
.explorer-params-panel
.panel-heading
{
12 #bootstrap-theme.api4-explorer-page
.explorer-params-panel
.panel-heading button
{
16 #bootstrap-theme .explorer-params-panel
.panel-heading
.form-inline
> .select2-container
{
17 max-width: 25% !important
;
19 #bootstrap-theme .api4-explorer-row
> .panel
{
23 /* Fix weird shorditch style */
24 #bootstrap-theme.api4-explorer-page
.api4-explorer-row
.panel
.panel-heading
{
25 border-bottom-right-radius: 0;
26 border-bottom-left-radius: 0;
29 #bootstrap-theme .panel-heading li
> a
{
30 background-color: #f1f1f18c;
32 #bootstrap-theme.api4-explorer-page
.explorer-code-panel pre
{
34 word-break: break-all
;
35 white-space: pre-wrap
;
37 #bootstrap-theme.api4-explorer-page
.explorer-code-panel
.panel-heading
>.nav li a
{
38 text-transform: uppercase
;
41 #bootstrap-theme.api4-explorer-page
.explorer-params-panel
> .panel-body
> div
.api4-input
{
45 #bootstrap-theme.api4-explorer-page
.explorer-help-panel
.panel-body
{
46 word-break: break-word
;
49 /* because each help p is in a div, this undoes bootstrap removing margin from last-child */
50 #bootstrap-theme.api4-explorer-page
.explorer-help-panel
.panel-body p
{
54 #bootstrap-theme.api4-explorer-page form label
{
55 text-transform: capitalize
;
58 #bootstrap-theme.api4-explorer-page fieldset
{
60 border: 1px solid lightgrey
;
65 #bootstrap-theme.api4-explorer-page fieldset legend
{
71 text-transform: capitalize
;
73 #bootstrap-theme.api4-explorer-page crm-api4-clause
> .btn-group
{
78 #bootstrap-theme.api4-explorer-page crm-api4-clause
> .btn-group
.btn
{
82 #bootstrap-theme.api4-explorer-page fieldset div
.api4-input
{
86 #bootstrap-theme.api4-explorer-page fieldset div
.api4-input
.ui-sortable-helper
{
87 background-color: rgba
(255, 255, 255, .9);
90 #bootstrap-theme.api4-explorer-page fieldset div
.api4-input
.ui-sortable-helper
{
91 background-color: rgba
(255, 255, 255, .9);
94 #bootstrap-theme.api4-explorer-page
.api4-clause-fieldset fieldset
{
96 width: calc
(100% - 58px);
100 #bootstrap-theme.api4-explorer-page
.api4-clause-fieldset
.api4-sorting fieldset
.api4-clause-group-sortable
{
104 #bootstrap-theme.api4-explorer-page
.api4-input-group
{
105 display: inline-block
;
108 #bootstrap-theme.api4-explorer-page i
.fa-arrows
{
112 #bootstrap-theme.api4-explorer-page
.api4-clause-badge
{
114 display: inline-block
;
117 #bootstrap-theme.api4-explorer-page
.api4-clause-badge
.badge
{
121 #bootstrap-theme.api4-explorer-page
.api4-clause-badge
.caret
{
124 #bootstrap-theme.api4-explorer-page
.api4-clause-badge
.crm-i
{
128 #bootstrap-theme.api4-explorer-page
.ui-sortable-helper
.api4-clause-badge
.badge span
{
131 #bootstrap-theme.api4-explorer-page
.ui-sortable-helper
.api4-clause-badge
.crm-i
{
132 display: inline-block
;
135 #bootstrap-theme.api4-explorer-page
.api4-operator
,
136 #bootstrap-theme.api4-explorer-page
.api4-chain-index
,
137 #bootstrap-theme.api4-explorer-page
.api4-chain-action
{
140 #bootstrap-theme.api4-explorer-page
.api4-chain-params
{
141 width: calc
(100% - 390px);
144 #bootstrap-theme.api4-explorer-page
.api4-add-where-group-menu
{
146 background-color: rgba
(186, 225, 251, 0.94);
148 #bootstrap-theme.api4-explorer-page
.api4-add-where-group-menu a
{
152 #bootstrap-theme.api4-explorer-page
.form-control
.huge
{
156 #bootstrap-theme.api4-explorer-page
.form-control
.twenty
{
160 #bootstrap-theme.api4-explorer-page
.form-control
.api4-index
{
164 /* Another weird shoreditch fix */
165 #bootstrap-theme .form-inline div
.checkbox
{
168 #bootstrap-theme .form-inline div
.checkbox label input
[type
=checkbox
] {
173 * Shims so the UI isn't completely broken when a Bootstrap theme is not installed
175 #bootstrap-theme.api4-explorer-page
* {
176 box-sizing: border-box
;
178 .api4-explorer-page.panel {
179 border: 1px solid grey
;
180 background-color: white
;
182 .api4-explorer-page.panel-heading {
185 background-color: #f3f6f7;