Style character context menu
This commit is contained in:
parent
1eda9d7bad
commit
b5c4deafa8
|
@ -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);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue