realtimecursor
Version:
Real-time collaboration system with cursor tracking and approval workflow
66 lines (58 loc) • 1.09 kB
CSS
/**
* RealtimeCursor SDK - CSS Styles
*/
.realtimecursor-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 9999;
}
.realtimecursor-cursor {
position: absolute;
pointer-events: none;
z-index: 9999;
transition: transform 0.1s ease-out;
}
.realtimecursor-label {
position: absolute;
left: 16px;
top: 8px;
padding: 2px 6px;
border-radius: 4px;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
box-shadow: 0 1px 2px rgba(0,0,0,0.25);
color: white;
}
.realtimecursor-collaborators {
margin-top: 16px;
}
.realtimecursor-collaborators-list {
display: flex;
flex-direction: column;
}
.realtimecursor-collaborator {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.realtimecursor-collaborator-avatar {
width: 24px;
height: 24px;
border-radius: 50%;
margin-right: 8px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 12px;
}
.realtimecursor-no-collaborators {
color: #666;
font-style: italic;
}