graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 1.67 kB
CSS
:host{display:block}.onto-dropdown{position:relative;width:fit-content}.onto-dropdown.closed .onto-dropdown-menu{display:none}.onto-dropdown.closed .button-icon{color:var(--gw-primary-base)}.onto-dropdown.closed .button-name{color:var(--gw-secondary-base)}.onto-dropdown.open{background-color:var(--gw-primary-base);color:#fff;height:2rem}.onto-dropdown.open .button-icon{color:var(--icon-on-primary-color)}.onto-dropdown .onto-dropdown-button{align-items:center;background-color:var(--gw-primary-base);border:1px solid transparent;color:var(--gw-primary-contrast-color);display:flex;flex-direction:row;font-size:1rem;font-weight:400;gap:.3em;line-height:1.5;outline:none;padding:.4em 1rem;transition:all .15s ease-out}.onto-dropdown .onto-dropdown-button .button-icon{font-size:1.4em}.onto-dropdown .onto-dropdown-button .fa-angle-down{color:rgba(0,0,0,.35);font-size:1.1em;transition:all .2s ease-in}.onto-dropdown .onto-dropdown-menu{margin:0;max-height:340px;min-width:100%;overflow-y:auto;padding:0;position:absolute;z-index:1000}.onto-dropdown .onto-dropdown-menu-item{background-color:var(--gw-primary-base);border:none;color:var(--gw-primary-contrast-color);display:block;font-size:1rem;font-weight:400;outline:none;padding:.5em 1.2em;text-align:end;text-decoration:none;white-space:nowrap;width:100%}.onto-dropdown .onto-dropdown-menu-item:hover{background-color:var(--gw-primary-dark);cursor:pointer}.onto-dropdown .onto-dropdown-button:hover{cursor:pointer}.onto-dropdown .onto-dropdown-button:hover .button-icon{transform:scale(1.2)}.onto-dropdown .onto-dropdown-option-icon{margin-right:.2em}.onto-dropdown .onto-dropdown-right-item-alignment{left:auto;right:0}