Spaces:
Sleeping
Sleeping
Update static/styles.css
Browse files- static/styles.css +36 -0
static/styles.css
CHANGED
@@ -244,6 +244,35 @@ body {
|
|
244 |
margin-left: 10px;
|
245 |
}
|
246 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
247 |
.dietary-button {
|
248 |
padding: 5px 10px;
|
249 |
margin-right: 5px;
|
@@ -378,4 +407,11 @@ body {
|
|
378 |
padding: 3px 8px;
|
379 |
font-size: 10px;
|
380 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
381 |
}
|
|
|
244 |
margin-left: 10px;
|
245 |
}
|
246 |
|
247 |
+
.text-input-container {
|
248 |
+
position: relative;
|
249 |
+
display: inline-block;
|
250 |
+
}
|
251 |
+
|
252 |
+
.suggestion-box {
|
253 |
+
position: absolute;
|
254 |
+
top: 100%;
|
255 |
+
left: 0;
|
256 |
+
background-color: white;
|
257 |
+
border: 1px solid #ccc;
|
258 |
+
border-radius: 5px;
|
259 |
+
max-height: 150px;
|
260 |
+
overflow-y: auto;
|
261 |
+
width: 100%;
|
262 |
+
z-index: 1000;
|
263 |
+
display: none;
|
264 |
+
}
|
265 |
+
|
266 |
+
.suggestion-item {
|
267 |
+
padding: 5px 10px;
|
268 |
+
cursor: pointer;
|
269 |
+
font-size: 12px;
|
270 |
+
}
|
271 |
+
|
272 |
+
.suggestion-item:hover {
|
273 |
+
background-color: #f0f0f0;
|
274 |
+
}
|
275 |
+
|
276 |
.dietary-button {
|
277 |
padding: 5px 10px;
|
278 |
margin-right: 5px;
|
|
|
407 |
padding: 3px 8px;
|
408 |
font-size: 10px;
|
409 |
}
|
410 |
+
.manual-input {
|
411 |
+
width: 120px;
|
412 |
+
}
|
413 |
+
.suggestion-box {
|
414 |
+
max-height: 120px;
|
415 |
+
font-size: 10px;
|
416 |
+
}
|
417 |
}
|