| | |
|---|
| | | vertical-align: middle; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-preview { |
|---|
| | | position: absolute; |
|---|
| | | left: -62px; |
|---|
| | | top: 38px; |
|---|
| | | z-index: 10; |
|---|
| | | width: 204px; |
|---|
| | | min-height: 102px; |
|---|
| | | display: none; |
|---|
| | | padding: 0 10px 12px; |
|---|
| | | border: 1px solid #f0bc2d; |
|---|
| | | border-radius: 2px; |
|---|
| | | background: #fff; |
|---|
| | | box-shadow: 0 4px 12px rgba(15, 35, 70, 0.12); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-preview::before { |
|---|
| | | content: ""; |
|---|
| | | position: absolute; |
|---|
| | | left: 46px; |
|---|
| | | top: -188px; |
|---|
| | | width: 1px; |
|---|
| | | height: 188px; |
|---|
| | | background: #dca51f; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-preview::after { |
|---|
| | | content: ""; |
|---|
| | | position: absolute; |
|---|
| | | left: 42px; |
|---|
| | | top: -191px; |
|---|
| | | width: 8px; |
|---|
| | | height: 8px; |
|---|
| | | border-radius: 50%; |
|---|
| | | background: #dca51f; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .version-content-cell:hover .content-preview { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .preview-index { |
|---|
| | | height: 16px; |
|---|
| | | margin: 0 -10px 12px; |
|---|
| | | padding-left: 9px; |
|---|
| | | color: #111827; |
|---|
| | | background: #ffd753; |
|---|
| | | font-weight: 700; |
|---|
| | | line-height: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .preview-content { |
|---|
| | | min-height: 42px; |
|---|
| | | color: #111827; |
|---|
| | | font-weight: 700; |
|---|
| | | line-height: 18px; |
|---|
| | | word-break: break-word; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .preview-foot { |
|---|
| | | margin-top: 26px; |
|---|
| | | color: #8a9ab0; |
|---|
| | | font-size: 11px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table-actions { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
