53 lines
971 B
SCSS
53 lines
971 B
SCSS
|
div.source_plate, div.dest_plate {
|
||
|
|
padding: 3px 3px 3px 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.source_plate {
|
||
|
|
border: 2px solid blue;
|
||
|
|
}
|
||
|
|
div.dest_plate {
|
||
|
|
border: 2px solid red;
|
||
|
|
}
|
||
|
|
|
||
|
|
table, tr, td {
|
||
|
|
user-select: none; /* Prevents dragging issue */
|
||
|
|
border-spacing: 0px;
|
||
|
|
}
|
||
|
|
td.plate_cell {
|
||
|
|
height: 2.3vmin;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.plate_cell_inner {
|
||
|
|
aspect-ratio: 1 / 1;
|
||
|
|
height: 90%;
|
||
|
|
border-radius: 50%;
|
||
|
|
border: 2px solid black;
|
||
|
|
}
|
||
|
|
td.plate_cell:hover div.plate_cell_inner {
|
||
|
|
background: black !important;
|
||
|
|
}
|
||
|
|
td.plate_cell.in_transfer div.plate_cell_inner::after {
|
||
|
|
content: "";
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: block;
|
||
|
|
border-radius: 50%;
|
||
|
|
background-image: repeating-linear-gradient(
|
||
|
|
45deg,
|
||
|
|
rgba(0,0,0,0.8),
|
||
|
|
rgba(0,0,0,0.8) 2px,
|
||
|
|
transparent 2px,
|
||
|
|
transparent 4px
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
div.source_plate td.current_select div.plate_cell_inner {
|
||
|
|
background-image: linear-gradient(lightblue, lightblue);
|
||
|
|
}
|
||
|
|
div.dest_plate td.current_select div.plate_cell_inner {
|
||
|
|
background: lightcoral;
|
||
|
|
}
|
||
|
|
|
||
|
|
|