rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More flexible resizing for small screens

Browse source
This commit is contained in:
Joe Knapper 2026-06-17 17:49:23 +01:00
parent c860e1ee22
commit adbbed3961
2 changed files with 29 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
webapp/src/components/labThingsComponents/actionLogDisplay.vue
View file

@ -156,20 +156,26 @@ export default {
/* Expanded view */
.log-wrapper {
position: relative;
height: 200px;
flex: 1 1 200px; /* prefer 200px, but shrink if the container runs out of room */
min-height: 2.6em; /* hard floor: roughly two lines of text */
overflow: hidden;
margin-bottom: 0;
margin-top: 0;
display: flex;
flex-direction: column;
}
.action-log-display {
width: 100%;
position: relative;
height: 90%;
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.log-summary {
padding: 1em;
padding: 0.6em;
padding-right: 2.5em; /* reserve room for the toggle button, prevents overlap */
display: flex;
align-items: center;
@ -180,7 +186,8 @@ export default {
}
.log-container {
height: 90%;
flex: 1 1 auto;
min-height: 0;
overflow: auto;
background-color: white;
color: black;