mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-06-20 16:49:17 +08:00
2 lines
2.5 KiB
CSS
2 lines
2.5 KiB
CSS
.ray-table__setting,.ray-table-icon{cursor:pointer;outline:none;border:none}.ray-table__setting:hover{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .3s var(--r-bezier);transition:-webkit-transform .3s var(--r-bezier);-o-transition:transform .3s var(--r-bezier);transition:transform .3s var(--r-bezier);transition:transform .3s var(--r-bezier),-webkit-transform .3s var(--r-bezier)}.table-setting__card{padding:12px 8px}.table-setting__card .n-card__content{padding:0!important;margin:0!important}.ray-table__setting-option--draggable{display:-ms-grid;display:grid;grid-row-gap:10px;justify-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ray-table__setting-option--draggable .draggable-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:8px 10px;border-radius:2px;-webkit-transition:background-color .3s var(--r-bezier);-o-transition:background-color .3s var(--r-bezier);transition:background-color .3s var(--r-bezier)}.ray-table__setting-option--draggable .draggable-item.draggable-item--dark:hover{background-color:#ffffff14}.ray-table__setting-option--draggable .draggable-item:hover{background-color:#e8f2fd}.ray-table__setting-option--draggable .draggable-item:hover .draggable-item__d--icon{opacity:1}.ray-table__setting-option--draggable .draggable-item .draggable-item__d--icon{-webkit-transition:opacity .3s var(--r-bezier),-webkit-transform .3s var(--r-bezier);transition:opacity .3s var(--r-bezier),-webkit-transform .3s var(--r-bezier);-o-transition:opacity .3s var(--r-bezier),transform .3s var(--r-bezier);transition:opacity .3s var(--r-bezier),transform .3s var(--r-bezier);transition:opacity .3s var(--r-bezier),transform .3s var(--r-bezier),-webkit-transform .3s var(--r-bezier);opacity:0}.ray-table__setting-option--draggable .draggable-item .draggable-item__d--icon,.ray-table__setting-option--draggable .draggable-item .draggable-item__icon{padding:5px;outline:none;border:none}.ray-table__setting-option--draggable .draggable-item .draggable-item__icon{cursor:pointer}.ray-table__setting-option--draggable .draggable-item .draggable-item__icon.draggable-item__icon--actived{color:#2080f0}.ray-table__setting-option--draggable .draggable-item .n-ellipsis{max-width:80px;min-width:80px}
|