User:魔琴/public/expand-personal/test.css

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。

/* 用的是旧vector的样式 */
.p-personal-legacy {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: baseline;
}

/* 覆蓋掉displaynone */ 
.mw-header .vector-header-end {
	display: flex;
}

/* 隐藏无用的DOM */
.p-personal-legacy .vector-icon,
#vector-user-links-dropdown-checkbox,
#vector-user-links-dropdown-label {
	display: none;
}

/* 样式调整 */
.vector-dropdown #p-personal .p-personal-legacy li {
	margin-left: 0.75em;
	font-size: 0.875rem;
}

.vector-dropdown #p-personal .p-personal-legacy li a {
	padding: 0;
}

.vector-dropdown #p-personal .p-personal-legacy li a span{
	margin: 0;
}


/* 你为什么要在右边有12px的margin */
.vector-user-links #vector-user-links-dropdown {
	margin-right: 0;
}