diff --git a/css/common.css b/css/common.css index e243776..cc86abb 100644 --- a/css/common.css +++ b/css/common.css @@ -396,6 +396,7 @@ body { position: relative; margin-bottom: 10px; overflow: auto; + overflow: hidden; } .my-project .my-box .contrast-box .right .list .item .project-list .project-item { font-size: 14px; @@ -452,13 +453,22 @@ body { background-color: #f95d5d; position: absolute; top: 0; - right: 0; + right: 71px; height: 100%; color: #ffffff; font-size: 13px; border-radius: 0 8px 8px 0; cursor: pointer; z-index: 11; + animation: deleteShow 0.3s; +} +@keyframes deleteShow { + 0% { + right: 71px; + } + 100% { + right: 0; + } } .my-project .my-box .manage-box { width: 920px; diff --git a/css/common.less b/css/common.less index 5e36c17..159945b 100644 --- a/css/common.less +++ b/css/common.less @@ -449,6 +449,7 @@ body { position: relative; margin-bottom: 10px; overflow: auto; + overflow: hidden; .project-list { .project-item { @@ -514,13 +515,24 @@ body { background-color: rgba(249, 93, 93, 1); position: absolute; top: 0; - right: 0; + // right: 0; + right: 71px; height: 100%; color: #ffffff; font-size: 13px; border-radius: 0 8px 8px 0; cursor: pointer; z-index: 11; + animation: deleteShow 0.3s; + + @keyframes deleteShow { + 0% { + right: 71px; + } + 100% { + right: 0; + } + } } } }