graphdb-workbench/dist/css/graphql/create-graphql-endpoint.css

The web application for GraphDB APIs

:root{--status-bar-height:47px}.page-content{display:flex;min-height:calc(100vh - var(--status-bar-height))}.main-container{flex:1;overflow-y:auto}.footer{flex-shrink:0}.create-graphql-endpoint-view{display:grid;gap:.5em;grid-template-areas:"title-container" "core-errors-container" "create-graphql-endpoint-container";grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:100%}.create-graphql-endpoint-view .title-container{grid-area:title-container}.create-graphql-endpoint-view .core-errors-container{grid-area:core-errors-container}.create-graphql-endpoint-view .create-graphql-endpoint-container{grid-area:create-graphql-endpoint-container}.create-graphql-endpoint-container .content{display:grid;gap:.5em;grid-template-areas:"toolbar" "wizard-container";grid-template-columns:1fr}.create-graphql-endpoint-container .toolbar{grid-area:toolbar}.create-graphql-endpoint-container .wizard-container{grid-area:wizard-container}.create-graphql-endpoint-view .toolbar .source-repository-selector{width:20em}.create-graphql-endpoint-view .shuttle-multiselect .shuttle-panel .options-list .option-item .item-action{padding-bottom:.2em;padding-top:.2em}.create-graphql-endpoint-view .select-schema-source-view .schema-source-types{display:flex;justify-content:flex-start}.create-graphql-endpoint-view .select-schema-source-view .schema-source-types label{cursor:pointer}.create-graphql-endpoint-view .select-schema-source-view .schema-source-container{width:100%}.create-graphql-endpoint-view .select-schema-source-view .graphql-shapes-selector,.create-graphql-endpoint-view .select-schema-source-view .graphs-selector{min-height:300px}.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form{display:flex;flex-direction:column;justify-content:flex-start;min-width:300px;width:50%}.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline{display:grid;gap:1em;grid-template-columns:1fr 3fr;margin-bottom:1em}.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline label{margin:0}.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline input,.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline select,.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline textarea{width:100%}.create-graphql-endpoint-view .endpoint-configuration-view .title{align-items:center;display:flex;justify-content:space-between;width:50%}.create-graphql-endpoint-view .endpoint-configuration-view .toggle-advanced-settings{font-size:1rem;margin-left:auto}.create-graphql-endpoint-view .endpoint-configuration-container{align-items:stretch;display:flex;width:50%}.create-graphql-endpoint-view .endpoint-configuration-container dynamic-form{display:block;width:100%}.create-graphql-endpoint-view .generate-endpoint-view{display:flex;flex-direction:column;height:67vh}.create-graphql-endpoint-view .generate-endpoint-container{display:flex;flex-direction:column;height:auto;overflow:hidden;position:relative;width:50%}.create-graphql-endpoint-view .generate-endpoint-container .endpoints-generation-overview{display:flex;flex-direction:column;height:100%}.generate-endpoint-view .generate-endpoint-container .endpoints-overview{flex:1;min-height:0;overflow-y:auto}.generate-endpoint-view .generate-endpoint-container .endpoints-overview .endpoint-overview{margin-top:.3em}.generate-endpoint-view .generate-endpoint-container .generation-progress{align-items:start;display:flex}.generate-endpoint-view .generate-endpoint-container .generation-report{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.generate-endpoint-view .generate-endpoint-container .generation-report-list{flex:1;min-height:0;overflow-y:auto;padding:10px 10px 10px 0}.generate-endpoint-view .generate-endpoint-container .generation-report-list .endpoint-report{align-items:center;column-gap:.5em;display:flex;margin-top:.3em;width:100%}.generate-endpoint-view .generate-endpoint-container .generation-report-list .endpoint-report-link{padding:0}.generate-endpoint-view .generate-endpoint-container .generation-report-list .status-failed{color:var(--color-danger-dark)}.generate-endpoint-view .generate-endpoint-container .generation-report-list .status-success{color:var(--color-success-dark)}