webview/src/shared/components/iconMenu/styles.module.scss
@import '../../variables';
.menu {
list-style: none;
display: flex;
padding: 2px;
border: 1px solid $fg-transparency-5;
width: max-content;
background-color: $bg-color;
margin: 0;
}
.item {
width: 20px;
height: 20px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 0;
background: inherit;
color: $fg-color;
&:hover {
background-color: $fg-transparency-1;
}
&.clickable {
cursor: pointer;
}
}
.hoverMenu {
position: absolute;
top: 25px;
left: 5px;
width: max-content;
cursor: initial;
z-index: 1;
.last & {
left: auto;
right: 5px;
}
}