graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 2.14 kB
CSS
:root{--onto-dropdown-button-color:var(--secondary-color,#373a3c);--onto-dropdown-button-background-color:var(--primary-color,#ac2925);--onto-dropdown-item-hover:var(--primary-color-dark,#ac2925);--onto-dropdown-button-icon-color:var(--primary-color,#ac2925);--onto-dropdown-button-open-icon-color:var(--icon-on-primary-color,hsla(0,0%,100%,.8));--onto-dropdown-color:#fff}: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(--onto-dropdown-button-icon-color)}.onto-dropdown.closed .button-name{color:var(--onto-dropdown-button-color)}.onto-dropdown.open{background-color:var(--onto-dropdown-button-icon-color);color:#fff;height:2rem}.onto-dropdown.open .button-icon{color:var(--onto-dropdown-button-open-icon-color)}.onto-dropdown .onto-dropdown-button{align-items:center;background-color:var(--onto-dropdown-button-background-color);border:1px solid transparent;color:var(--onto-dropdown-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(--onto-dropdown-button-background-color);border:none;color:var(--onto-dropdown-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(--onto-dropdown-item-hover);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}