85 lines
1.2 KiB
CSS
85 lines
1.2 KiB
CSS
.widget-menu
|
|
{
|
|
margin-left: auto;
|
|
margin-right: 8px;
|
|
width: fit-content;
|
|
}
|
|
|
|
.widget-menu.widget-menu-collapsed > .widget-menu-platform
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.widget-menu-button
|
|
{
|
|
text-transform: initial;
|
|
}
|
|
|
|
.widget-menu-entry
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.widget-menu-platform
|
|
{
|
|
background-color: hsl(var(--hue), 0%, 25%);
|
|
|
|
border-radius: 2px;
|
|
border: 1px solid hsl(var(--hue), 0%, 0%);
|
|
|
|
padding: 8px;
|
|
|
|
min-width: 200px;
|
|
}
|
|
|
|
.widget-menu-platform:not(.widget-menu-platform-collapsed)
|
|
{
|
|
position: fixed;
|
|
top: 50px;
|
|
right: 20px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.widget-menu-entries
|
|
{
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.widget-menu-entry
|
|
{
|
|
margin: 12px 8px;
|
|
text-transform: capitalize;
|
|
background-color: hsl(var(--hue), 0%, 25%);
|
|
color: hsl(var(--hue), 0%, 100%);
|
|
border-bottom: 2px solid hsl(0, 0%, 25%);
|
|
}
|
|
|
|
.widget-menu-entry:hover
|
|
{
|
|
color: hsl(var(--hue), 0%, 100%);
|
|
border-bottom: 2px solid hsl(0, 0%, 100%);
|
|
|
|
transition: 1s ease color;
|
|
}
|
|
|
|
/*
|
|
.widget-menu-entry
|
|
{
|
|
margin: 8px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.widget-menu-entry:not(:hover)
|
|
{
|
|
background-color: hsl(var(--hue), 0%, 25%);
|
|
color: hsl(var(--hue), 0%, 100%);
|
|
}
|
|
*/
|
|
|
|
.widget-menu-entry.widget-menu-entry-hidden
|
|
{
|
|
display: none;
|
|
}
|