Template:User/style.css

.userlink {
    font-size: inherit;
    position: relative;
    cursor: pointer;
}

.userlink .userlink-label {
    padding: 0 .625em;
    display: inline;
    font-size: smaller;
}

.userlink .userlink-menu {
    display: none;
    position: absolute;
    top: calc(1.25em - 1px);
    left: 0;
    /* width: max-content; */
    z-index: 2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    padding-top: 3px;
}

.userlink:hover .userlink-menu,
.userlink:active .userlink-menu {
    display: block;
}

.userlink .userlink-item {
    display: block;
    transition: all .37s ease-in-out;
    background-color: #fff;
    border: 1px solid #a2a9b1;
    border-width: 0 1px;
}
.userlink .userlink-item:last-child {
    border-bottom-width: 1px;
}

.userlink .userlink-item:hover {
    background-color: rgb(241, 247, 255);
}

.userlink .userlink-item a {
    display: block;
    white-space: nowrap;
    color: #0645ad;
    cursor: pointer;
    font-size: .8em;
    padding: .3125em .625em!important;
}

.userlink .userlink-item a.external {
    margin-right: .625em;
    padding-right: 13px!important;
}


.userlink-normal {
    font-size: smaller;
}

.userlink-normal::before {
    content: "（";
}

.userlink-normal::after {
    content: "）";
}
.userlink-normal .userlink-label {
    display: none;
}

.userlink-normal .userlink-item::before {
    content: "、";
}

.userlink-normal .userlink-item:first-child::before {
    content: "";
}