update 用户菜单重做
This commit is contained in:
@@ -21,6 +21,29 @@
|
||||
box-shadow: @btn-primary-shadow;
|
||||
text-shadow: @btn-text-shadow;
|
||||
}
|
||||
.ant-btn-danger-disabled,
|
||||
.ant-btn-danger.disabled,
|
||||
.ant-btn-danger[disabled],
|
||||
.ant-btn-danger-disabled:hover,
|
||||
.ant-btn-danger.disabled:hover,
|
||||
.ant-btn-danger[disabled]:hover,
|
||||
.ant-btn-danger-disabled:focus,
|
||||
.ant-btn-danger.disabled:focus,
|
||||
.ant-btn-danger[disabled]:focus,
|
||||
.ant-btn-danger-disabled:active,
|
||||
.ant-btn-danger.disabled:active,
|
||||
.ant-btn-danger[disabled]:active,
|
||||
.ant-btn-danger-disabled.active,
|
||||
.ant-btn-danger.disabled.active,
|
||||
.ant-btn-danger[disabled].active {
|
||||
opacity: .5;
|
||||
color: @btn-danger-color;
|
||||
border-color: @btn-danger-border;
|
||||
background-color: @btn-danger-bg;
|
||||
box-shadow: @btn-primary-shadow;
|
||||
text-shadow: @btn-text-shadow;
|
||||
}
|
||||
.ant-radio-button-wrapper-disabled,
|
||||
.ant-radio-button-wrapper-disabled:first-child,
|
||||
.ant-radio-button-wrapper-disabled:hover {
|
||||
opacity: .5;
|
||||
|
||||
@@ -333,6 +333,9 @@
|
||||
margin-bottom: @padding-xs;
|
||||
|
||||
border-left: @border-width-base @border-style-base @normal-color;
|
||||
&.ant-radio-button-wrapper-checked {
|
||||
border-left-color: @primary-color;
|
||||
}
|
||||
&:not(:first-child) {
|
||||
&::before {
|
||||
content: none;
|
||||
|
||||
@@ -163,49 +163,6 @@
|
||||
&--avatar {
|
||||
box-shadow: 0 0 0 2px @white;
|
||||
}
|
||||
&--name {
|
||||
font-weight: bolder;
|
||||
|
||||
position: absolute;
|
||||
left: 32px + @padding-sm * 2;
|
||||
|
||||
transition: @animation-duration-slow;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
&--dropdown {
|
||||
width: 200px;
|
||||
|
||||
transition: @animation-duration-base;
|
||||
transform: scaleY(0);
|
||||
transform-origin: top;
|
||||
|
||||
opacity: 0;
|
||||
.ant-dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.open {
|
||||
width: 200px;
|
||||
.user-container-inner {
|
||||
background-color: @white;
|
||||
box-shadow: @box-shadow-base;
|
||||
}
|
||||
.user {
|
||||
&--name {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.drop {
|
||||
.user {
|
||||
&--dropdown {
|
||||
transform: scaleY(1);
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -652,3 +609,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.yo-user-popover {
|
||||
width: 280px;
|
||||
padding-top: 0;
|
||||
.ant-popover-arrow {
|
||||
display: none;
|
||||
}
|
||||
.ant-popover-inner-content {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user