jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

shortcut menu grapchic improved. see #130

Browse source
This commit is contained in:
mic 2024-09-21 15:55:23 +02:00
parent 401ae6b8ea
commit faee5fcea6
2 changed files with 21 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
popup/mzta-popup.css
View file

@ -1,48 +1,46 @@
body {
background-color: rgb(122, 180, 255);
}
#mzta_popup{
width: 10em;
height: 11em;
background-color: rgb(122, 180, 255);
padding: 0;
font-size: 14px;
}
#mzta_search_banner{
background-color: rgb(122, 180, 255);
color:black;
border-radius: 5px;
width: fit-content;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: fit-content;
height: 2em;
z-index: 1000;
width: 10em;
max-height: 11em;
min-height: 1em;
padding: 0;
overflow-y: auto;
}
#mzta_search_input{
width: 12em;
position: fixed;
top:0;
left:0;
width: -moz-available;
z-index: 1001;
font-size: 13px;
}
#mzta_autocomplete-items {
position: absolute;
top: 2em;
position: relative;
top: 1.5em;
left: 0em;
border: 1px solid #ccc;
border-top: none;
z-index: 1001;
border: none;
z-index: 1000;
background-color: #fff;
overflow-y: auto;
width: 10em;
max-height: 11em;
}
.mzta_autocomplete-item {
padding: 8px;
padding: 4px;
cursor: pointer;
}
@ -61,11 +59,7 @@ body {
background-color: #27272a;
}
#mzta_popup{
background-color: #27272a;
}
input {
#mzta_search_input {
background-color: #27272a;
color: #ffffff;
}
@ -76,7 +70,6 @@ body {
}
#mzta_autocomplete-items {
border: 1px solid #555;
background-color: #2c2c2c;
}

8
popup/mzta-popup.html
View file

@ -8,11 +8,9 @@
</head>
<body>
<div id="mzta_popup">
<div id="mzta_search_banner">
<input type="text" id="mzta_search_input" placeholder="__MSG_SearchPrompt__">
<div id="mzta_autocomplete-items" style="display: none;"></div>
</div>
<div id="mzta_search_banner">
<input type="text" id="mzta_search_input" placeholder="__MSG_SearchPrompt__">
<div id="mzta_autocomplete-items" style="display: none;"></div>
</div>
<script src="mzta-popup.js" type="module"></script>
<script src="../js/mzta-i18n.js"></script>