plate-tool/plate-tool-web/assets/scss/default_theme/components/_plates.scss

70 lines
1022 B
SCSS
Raw Normal View History

2023-06-02 20:26:20 +00:00
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;
}
2023-06-08 15:14:15 +00:00
th {
2023-06-13 15:15:39 +00:00
font-family: monospace;
2023-06-08 15:14:15 +00:00
}
2023-06-02 20:26:20 +00:00
td.plate_cell {
background: none;
}
div.plate_cell_inner {
aspect-ratio: 1 / 1;
height: 90%;
border-radius: 50%;
2023-06-13 16:59:49 +00:00
border: 1px solid black;
2023-06-02 20:26:20 +00:00
}
td.plate_cell:hover div.plate_cell_inner {
background: black !important;
}
2023-06-08 14:42:09 +00:00
2023-06-02 20:26:20 +00:00
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,
2023-06-13 16:59:49 +00:00
transparent 5px
2023-06-02 20:26:20 +00:00
);
}
2023-06-08 14:42:09 +00:00
td.current_select div.plate_cell_inner {
2023-06-13 16:59:49 +00:00
border: 3px solid black;
2023-06-02 20:26:20 +00:00
}
2023-06-13 19:51:23 +00:00
// Styles for specific plate types:
.W1536 {
th {
font-size: 0.9rem;
}
}
.W3456 {
th {
font-size: 0.9rem;
line-height: 0px;
padding-bottom: 0.4rem;
}
}