tidy up code, add controls-height var and implement across stylesheets, start work on operation/category lists

This commit is contained in:
Robin Scholtes 2023-04-17 16:03:46 +12:00
parent b872ac6e68
commit 0e49d52546
8 changed files with 65 additions and 32 deletions

View file

@ -7,7 +7,7 @@
*/
.operation {
cursor: grab;
cursor: pointer;
padding: 10px;
list-style-type: none;
position: relative;
@ -18,6 +18,12 @@
border-right: none;
}
@media only screen and ( min-width: 768px ) {
.operation {
cursor: grab;
}
}
#rec-list .operation {
padding: 14px;
}
@ -320,3 +326,22 @@ input.toggle-string {
color: var(--disabled-font-colour) !important;
background-color: var(--disabled-border-colour) !important;
}
/* ================ experimentation ================ */
.foo {
position: relative;
}
#search-results,
#categories {
position: absolute;
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);
}