.more-btn-menu-wrapper { position: relative; .more-btn { display: inline-block; padding-left: 20px; line-height: 40px; vertical-align: middle; cursor: pointer; .more-btn-icon { font-size: 16px; color: #484848; cursor: pointer; } } .more-btn-menu { max-width: 200px; position: absolute; right: -14px; top: 45px; border: 1px solid #dadada; -webkit-box-shadow: 0 0 2px #dadada; box-shadow: 0 0 2px #dadada; z-index: 99; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFF; .more-btn { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; line-height: 35px; position: absolute; right: -1px; top: -44px; padding: 0 13px; border: 1px solid #dadada; border-bottom: 0; -webkit-box-shadow: 0 -1px 2px -1px #dadada; box-shadow: 0 -1px 2px -1px #dadada; background-color: #fff; } .more-btn-menu-icon-background { width: 36px; height: 100%; background-color: #f2f5f7; border: 1px solid #dadada; border-right: 0; position: absolute; top: -1px; left: -1px; z-index: 0; -webkit-box-sizing: content-box; box-sizing: content-box; } .ant-menu { margin: 10px 0; border: 0; text-align: left; min-width: 120px; .ant-menu-item { height: 30px; line-height: 30px; padding: 0 5px 0 0; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; .menu-icon { display: inline-block; width: 36px; margin-right: 6px; text-align: center; } } } } }