[#181] add some rudimentary code to open and close operations at the appropriate moments

This commit is contained in:
Robin Scholtes 2023-04-17 20:44:47 +12:00
parent 55695cb7f1
commit 7648c6dce4
8 changed files with 168 additions and 49 deletions

View file

@ -322,9 +322,6 @@ input.toggle-string {
}
/* ================ experimentation ================ */
.foo {
position: relative;
}
#search-results,
#categories {
@ -332,10 +329,39 @@ input.toggle-string {
top: 40px; /* the height of the search input */
left: 0;
right: 0;
z-index: 10;
height: auto;
max-height: 60vh;
overflow: scroll;
border-bottom: 1px solid var(--primary-border-colour);
z-index: 20;
display: inline-block;
}
#reset-operations.hidden,
#search-results.hidden,
#categories.hidden {
z-index: -10;
display: none;
}
.foo,
#recipe {
position: relative;
}
#rec-list {
position: absolute;
top: 48px; /* the height of recipe title */
left: 0;
right: 0;
height: 100%;
}
#controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}