Style character context menu

This commit is contained in:
artisticMink 2023-10-27 16:18:46 +02:00
parent 1eda9d7bad
commit b5c4deafa8
2 changed files with 27 additions and 9 deletions

View File

@ -17,23 +17,42 @@
position: absolute; position: absolute;
padding: 3px; padding: 3px;
z-index: 10000; z-index: 10000;
background-color: var(--SmartThemeUserMesBlurTintColor); background-color: var(--black90a);
border: 1px solid var(--SmartThemeBorderColor); border: 1px solid var(--black90a);
border-radius: 10px; border-radius: 10px;
} }
#character_context_menu ul li button {
border: 0;
border-bottom-color: currentcolor;
color: var(--SmartThemeQuoteColor);
background-color: transparent;
font-weight: bold;
font-size: 1em;
padding: 0.5em;
border-bottom: 1px dotted var(--SmartThemeQuoteColor);
width: 100%;
cursor: pointer;
}
#character_context_menu ul li button:hover {
background-color: var(--SmartThemeBlurTintColor);
}
#character_context_menu ul li:last-child button {
border-bottom: 0;
}
#character_context_menu ul li #character_context_menu_delete {
color: var(--fullred);
}
#character_context_menu ul { #character_context_menu ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#character_context_menu li {
padding: 10px;
border-radius: 10px;
cursor: pointer;
}
#character_context_menu .character_context_menu_separator { #character_context_menu .character_context_menu_separator {
height: 1px; height: 1px;
background-color: var(--SmartThemeBotMesBlurTintColor); background-color: var(--SmartThemeBotMesBlurTintColor);

View File

@ -103,7 +103,6 @@
<div id="character_context_menu" class="hidden"> <div id="character_context_menu" class="hidden">
<ul> <ul>
<li><button id="character_context_menu_favorite">Favorite</button></li> <li><button id="character_context_menu_favorite">Favorite</button></li>
<li class="character_context_menu_separator"></li>
<li><button id="character_context_menu_duplicate">Duplicate</button></li> <li><button id="character_context_menu_duplicate">Duplicate</button></li>
<li><button id="character_context_menu_persona">To Persona</button></li> <li><button id="character_context_menu_persona">To Persona</button></li>
<li><button id="character_context_menu_delete">Delete</button></li> <li><button id="character_context_menu_delete">Delete</button></li>