graphdb-workbench/dist/css/ttyg/ttyg.css

The web application for GraphDB APIs

:root{--sidebar-width:13vw;--toolbar-height:37px;--message-gap:1.5rem;--chat-height-vh-reduce:12rem;--chat-min-height:300px;--chat-panel-vh-reduce:4rem}@media (max-width:1440px){:root{--toolbar-height:32px}}.ttyg-view .btn-sm{padding:0!important}.ttyg-view .toolbar{display:flex;gap:8px;padding:10px;width:100%}.ttyg-view .sidebar{display:flex;flex-direction:column;height:100%}.ttyg-view .sidebar .sidebar-content{height:calc(100% - var(--toolbar-height));padding:0}.ttyg-view .sidebar .slide-panel{background-color:var(--gw-panel-background);-webkit-box-shadow:var(--gw-dialog-shadow-1-offset-x) var(--gw-dialog-shadow-1-offset-y) var(--gw-dialog-shadow-1-blur) var(--gw-dialog-shadow-1-spread) var(--gw-dialog-shadow-1-color);box-shadow:var(--gw-dialog-shadow-1-offset-x) var(--gw-dialog-shadow-1-offset-y) var(--gw-dialog-shadow-1-blur) var(--gw-dialog-shadow-1-spread) var(--gw-dialog-shadow-1-color);color:var(--gw-panel-color);max-width:var(--sidebar-width);top:var(--toolbar-height)!important}.ttyg-view .sidebar .slide-panel.slide-panel-expanded{max-width:min(800px,100% - var(--menu-width))}.ttyg-view .left-sidebar .toolbar{background-color:var(--gw-panel-header-background);justify-content:space-between}.ttyg-view .left-sidebar.collapsed .toolbar{background-color:var(--gw-panel-header-background);color:var(--gw-panel-header-color);justify-content:start}.ttyg-view .right-sidebar{z-index:997}.ttyg-view .right-sidebar .toolbar,.ttyg-view .right-sidebar.collapsed .toolbar{justify-content:end}.ttyg-view .ttyg-container{display:grid;grid-template-areas:"left-sidebar chat-content right-sidebar";grid-template-columns:var(--sidebar-width) 1fr var(--sidebar-width);grid-template-rows:auto 1fr auto}.ttyg-view .chat-content .toolbar{padding:0 1rem}.ttyg-view .chat-content .chat{display:flex;flex-direction:column;height:calc(100vh - var(--chat-height-vh-reduce));margin:auto;max-width:calc(800px + 2rem);min-height:var(--chat-min-height)}.ttyg-view .chat-content .chat .selected-chat-panel{height:calc(100vh - var(--chat-height-vh-reduce) - var(--chat-panel-vh-reduce));min-height:calc(var(--chat-min-height) - var(--chat-panel-vh-reduce))}.ttyg-view .controls{display:flex;flex-direction:column}.ttyg-view agent-select-menu{width:25vw}.ttyg-view .chat-list-panel-loader{align-items:center;display:flex;height:calc(100% - var(--toolbar-height));justify-content:center}.ttyg-view .chat-list-panel-loader>div{display:flex;font-weight:400}