X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=css%2Fapi4-explorer.css;h=fa288280585d38e0f49e9fa684553ee6f0d69b17;hb=81e96a1ab27286d278f90dae4e57ff2a3a6256c9;hp=9451bc26d60d864d4cc3568444aa0f06d994c3d5;hpb=26848e0023285fdaaa8a795cb41467a2563a0c4d;p=civicrm-core.git diff --git a/css/api4-explorer.css b/css/api4-explorer.css index 9451bc26d6..fa28828058 100644 --- a/css/api4-explorer.css +++ b/css/api4-explorer.css @@ -33,18 +33,27 @@ border-bottom-left-radius: 0; margin-bottom: 0; } +#bootstrap-theme.api4-explorer-page .panel-heading.nav-tabs { + padding: 8px 0 0 20px; +} +#bootstrap-theme .panel-heading>li>a { + background-color: #f1f1f18c +} #bootstrap-theme.api4-explorer-page .explorer-code-panel table td:first-child { - width: 5em; + width: 6em; + word-break: break-word; +} +#bootstrap-theme.api4-explorer-page .explorer-code-panel table td pre { + min-height: 3.3em; +} +#bootstrap-theme.api4-explorer-page .explorer-code-panel .panel-heading.nav li a { + text-transform: uppercase; } #bootstrap-theme.api4-explorer-page .explorer-params-panel > .panel-body > div.api4-input { margin-bottom: 10px; } -#bootstrap-theme.api4-explorer-page .api4-input.form-inline > label { - margin-right: 12px; -} - #bootstrap-theme.api4-explorer-page .explorer-help-panel .panel-body { word-break: break-word; } @@ -95,15 +104,19 @@ background-color: rgba(255, 255, 255, .9); } -#bootstrap-theme.api4-explorer-page div.api4-input.form-inline .form-control { +#bootstrap-theme.api4-explorer-page div.api4-input.form-inline label.form-control { margin-right: 6px; } +#bootstrap-theme.api4-explorer-page div.api4-input.form-inline label.form-control input[type=checkbox] { + margin: 0 2px 0 0; +} -#bootstrap-theme.api4-explorer-page div.api4-input.form-inline .form-control:not(.api4-option-selected) { +#bootstrap-theme.api4-explorer-page div.api4-input.form-inline label.form-control:not(.api4-option-selected) { transition: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; + font-weight: normal; } #bootstrap-theme.api4-explorer-page div.api4-input.form-inline .form-control label { @@ -112,13 +125,13 @@ top: -2px; } -#bootstrap-theme.api4-explorer-page .api4-where-fieldset fieldset { +#bootstrap-theme.api4-explorer-page .api4-clause-fieldset fieldset { float: right; width: calc(100% - 58px); margin-top: -8px; } -#bootstrap-theme.api4-explorer-page .api4-where-fieldset.api4-sorting fieldset .api4-where-group-sortable { +#bootstrap-theme.api4-explorer-page .api4-clause-fieldset.api4-sorting fieldset .api4-clause-group-sortable { min-height: 3.5em; } @@ -126,6 +139,10 @@ display: inline-block; } +#bootstrap-theme.api4-explorer-page i.fa-arrows { + cursor: move; +} + #bootstrap-theme.api4-explorer-page .api4-clause-badge { width: 55px; display: inline-block; @@ -182,6 +199,22 @@ div.select2-drop.collapsible-optgroups-enabled .select2-result-with-children.opt content: "\f0d7"; } +#bootstrap-theme.api4-explorer-page .form-control.huge { + width: 25em; +} + +#bootstrap-theme.api4-explorer-page .form-control.twenty { + width: 20em; +} + +/* Another weird shoreditch fix */ +#bootstrap-theme .form-inline div.checkbox { + margin-right: 1em; +} +#bootstrap-theme .form-inline div.checkbox label input[type=checkbox] { + margin: 0; +} + /** * Shims so the UI isn't completely broken when a Bootstrap theme is not installed */