Commit a001df04 authored by 曾婧's avatar 曾婧

fix: 华农

parent c7889648
Pipeline #48562 passed with stages
in 2 minutes 4 seconds
...@@ -242,6 +242,36 @@ ...@@ -242,6 +242,36 @@
} }
} }
} }
.ant-layout-slider-menu-item {
height: 36px;
}
.ant-layout-slider-menu-item a {
flex-direction: row;
width: 100%;
margin: 0 auto;
margin-top: 4px;
margin-right: 16px;
padding-left: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
& > img {
width: 18px;
height: 18px;
margin-top: 4px;
opacity: 1;
}
& > span {
margin-left: 4px;
}
}
.ant-menu {
ul {
.ant-menu-item-only-child {
padding-left: 26px !important;
}
}
}
.test-icon { .test-icon {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
...@@ -290,6 +320,13 @@ ...@@ -290,6 +320,13 @@
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: bottom; vertical-align: bottom;
} }
.ant-pro-menu-item-title {
display: inline-block;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
vertical-align: bottom;
}
.hight-active { .hight-active {
color: @hn-greenColor; color: @hn-greenColor;
// background: @hn-greenColor; // background: @hn-greenColor;
...@@ -328,25 +365,25 @@ ...@@ -328,25 +365,25 @@
display: none; display: none;
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow { .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 16px; right: 16px;
width: 10px; width: 10px;
transition: transform .3s cubic-bezier(.645, .045, .355, 1) transition: transform .3s cubic-bezier(.645, .045, .355, 1)
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after { .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 1.5px; height: 1.5px;
...@@ -354,65 +391,67 @@ ...@@ -354,65 +391,67 @@
border-radius: 2px; border-radius: 2px;
transition: background .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1), top .3s cubic-bezier(.645, .045, .355, 1); transition: background .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1), top .3s cubic-bezier(.645, .045, .355, 1);
content: "" content: ""
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before { .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
transform: rotate(45deg) translateY(-2px) transform: rotate(45deg) translateY(-2px)
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after { .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
transform: rotate(-45deg) translateY(2px) transform: rotate(-45deg) translateY(2px)
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before { .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
background: linear-gradient(to right, #13c2c2, #13c2c2) background: linear-gradient(to right, #13c2c2, #13c2c2)
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before { .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
transform: rotate(45deg) translateY(-2px) transform: rotate(45deg) translateY(-2px)
} }
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after { .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
transform: rotate(-45deg) translateY(2px) transform: rotate(-45deg) translateY(2px)
} }
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before { .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
transform: rotate(-45deg) translateX(2px) transform: rotate(-45deg) translateX(2px)
} }
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after { .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2px) transform: rotate(45deg) translateX(-2px)
} }
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow { .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
transform: translateY(-2px) transform: translateY(-2px)
} }
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after { .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
transform: rotate(-45deg) translateX(-2px) transform: rotate(-45deg) translateX(-2px)
} }
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before { .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
transform: rotate(45deg) translateX(2px) transform: rotate(45deg) translateX(2px)
} }
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title{
position: relative;
}
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment