38 lines
778 B
CSS
38 lines
778 B
CSS
/* Rendering Canvas Component Styles */
|
|
.canvas-container {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.canvas-container canvas {
|
|
background-color: rgba(204, 204, 204, 0.5);
|
|
touch-action: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: none;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: block;
|
|
cursor: grab;
|
|
outline: none;
|
|
transition: box-shadow 0.3s, border-color 0.3s;
|
|
}
|
|
|
|
.canvas-container canvas:focus {
|
|
box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.4);
|
|
}
|
|
|
|
.canvas-container canvas:active {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
/* Context menu disabled */
|
|
.canvas-container canvas {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
} |