graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 1.73 kB
CSS
.onto-user-menu{position:relative;width:fit-content}.onto-user-menu button{background-color:var(--gw-button-secondary-background);border:1px solid transparent;color:var(--gw-button-secondary-color);cursor:pointer;display:flex;flex-direction:row;font-size:1rem;font-weight:400;line-height:1.5;padding:.4em 1rem;place-items:center;text-align:center;transition:all .15s ease-out;user-select:none;white-space:nowrap}.onto-user-menu button:hover{background-color:var(--gw-button-secondary-hover-background);color:var(--gw-button-secondary-hover-color)}.onto-user-menu button:hover .ri-user-line{transform:scale(1.2)}.onto-user-menu button:focus{outline:none}.onto-user-menu button.open{background-color:var(--gw-primary-base);border-color:var(--gw-primary-base);color:#fff}.onto-user-menu button.open .ri-user-line{color:var(--icon-on-primary-color,hsla(0,0%,100%,.8))}.onto-user-menu button.open:hover .ri-user-line{transform:scale(1.2)}.onto-user-menu button .username{padding:0 5px}.onto-user-menu button i{color:var(--gw-primary-base);transition:.15s ease-out}.onto-user-menu button i.ri-arrow-down-s-line{color:rgba(0,0,0,.35);font-size:1.1em;transition:all .2s ease-in}.onto-user-menu .onto-user-menu-dropdown{background-color:var(--gw-primary-base);color:var(--gw-primary-contrast-color);cursor:pointer;display:flex;flex-direction:column;font-size:1rem;min-width:7rem;position:absolute;right:0;text-decoration:none;width:100%;z-index:1000}.onto-user-menu .onto-user-menu-dropdown translate-label{font-weight:400;padding:.4rem 1rem;user-select:none;white-space:nowrap}.onto-user-menu .onto-user-menu-dropdown translate-label:focus,.onto-user-menu .onto-user-menu-dropdown translate-label:hover{background-color:rgba(0,0,0,.1)}