59 lines
1.8 KiB
SCSS
Executable File
59 lines
1.8 KiB
SCSS
Executable File
/* --------------------------------------------------- */
|
|
/* Menus contextuels */
|
|
/* --------------------------------------------------- */
|
|
.mContextMenu {
|
|
display:flex;
|
|
flex-direction:column;
|
|
background-color: lightgrey;
|
|
text-align:center;
|
|
padding:3px;
|
|
z-index:103;
|
|
position:fixed;
|
|
width:280px;
|
|
cursor:context-menu;
|
|
border:2px solid orange;
|
|
border-radius:5px;
|
|
}
|
|
|
|
//dans admin menu gauche
|
|
.mContextLogo {
|
|
display:flex;
|
|
flex-direction:column;
|
|
background-color: lightgrey;
|
|
text-align:center;
|
|
padding:1px;
|
|
z-index:11;
|
|
cursor:pointer;
|
|
position: fixed;
|
|
top:40px;
|
|
left:70px;
|
|
width:160px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.mContextItem {
|
|
/*background-color: #ffffff; /* Fond blanc */
|
|
/*background-color: #f7fbe0; /* vert jaune pastel */
|
|
background-color: #deffd6; /* vert pastel */
|
|
color: #333333; /* Couleur du texte gris foncé pour une meilleure lisibilité */
|
|
text-align: center;
|
|
font-size: 0.9rem;
|
|
margin: 2px;
|
|
padding: 5px 10px; /* Un peu plus d'espace intérieur pour un look plus aéré */
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Police moderne et lisible */
|
|
border: 1px solid #ddd; /* Bordure plus douce, gris clair */
|
|
border-radius: 10px; /* Bord arrondi plus prononcé pour un style plus moderne */
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Légère ombre pour donner de la profondeur */
|
|
transition: background-color 0.3s ease, transform 0.2s ease; /* Transition douce pour les interactions */
|
|
z-index: 110;
|
|
cursor: context-menu; /* Pour indiquer que l'élément est cliquable */
|
|
}
|
|
|
|
.mContextItem:hover {
|
|
background-color: #f5f5f5; /* Changement de fond au survol pour plus d'interaction */
|
|
}
|
|
|
|
.mContextItem:active {
|
|
background-color: #e0e0e0; /* Changement de fond lors du clic */
|
|
transform: translateY(1px); /* Effet de "pression" lors du clic */
|
|
} |