emilia
/
plate-tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Specific styling for very large plates

This commit is contained in:
Emilia Allison 2023-06-13 15:51:23 -04:00
parent d8ab91908c
commit 531c4159b1
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
3 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/scss/default_theme/components/_plates.scss
View File

@ -50,3 +50,20 @@ td.plate_cell.in_transfer div.plate_cell_inner::after {
td.current_select div.plate_cell_inner { td.current_select div.plate_cell_inner {
border: 3px solid black; border: 3px solid black;
} }
// Styles for specific plate types:
.W1536 {
th {
font-size: 0.9rem;
}
}
.W3456 {
th {
font-size: 0.9rem;
line-height: 0px;
padding-bottom: 0.4rem;
}
}

3
src/components/plates/destination_plate.rs
View File

@ -126,7 +126,8 @@ pub fn DestinationPlate(props: &DestinationPlateProps) -> Html {
.collect::<Html>(); .collect::<Html>();
html! { html! {
<div class="dest_plate"> <div class={classes!{"dest_plate",
"W".to_owned()+&props.source_plate.plate.plate_format.to_string()}}>
<table <table
onmouseup={move |e| { onmouseup={move |e| {
mouseup_callback.emit(e); mouseup_callback.emit(e);

3
src/components/plates/source_plate.rs
View File

@ -131,7 +131,8 @@ pub fn SourcePlate(props: &SourcePlateProps) -> Html {
.collect::<Html>(); .collect::<Html>();
html! { html! {
<div class="source_plate"> <div class={classes!{"source_plate",
"W".to_owned()+&props.source_plate.plate.plate_format.to_string()}}>
<table <table
onmouseup={move |e| { onmouseup={move |e| {
mouseup_callback.emit(e); mouseup_callback.emit(e);