Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
#toolboxTrayButton {
position: fixed;
top: calc(50% - 41px);
right: -1px;
line-height: 80px;
background: white;
padding: 0 7px 0 6px;
border: 1px solid var(--color-primary1);
border-right: none;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
font-family: inherit;
z-index: 650000;
transform: translateX(0px);
transition: transform 500ms;
box-shadow: 1px 0 0 white;
}
#toolboxTrayButtonInner {
transform: rotateY(0deg);
transition: transform 500ms;
}
#toolboxTray {
position: fixed;
top: 20px;
bottom: 20px;
left: 100%;
width: 80px;
padding: 8px;
z-index: 649000;
border-radius: 8px 0 0 8px;
display: flex;
flex-direction: column;
background: white;
border: 1px solid var(--color-primary1);
transform: translateX(0px);
transition: transform 500ms;
overflow-x: auto;
}
#toolboxTrayContainer:hover #toolboxTrayButton, #toolboxTrayContainer:hover #toolboxTray {
transform: translateX(-97px);
}
#toolboxTrayContainer:hover #toolboxTrayButtonInner {
transform: rotateY(180deg);
}
.toolbox-container {
display: block;
margin-bottom: 1rem;
}
.toolbox-icon {
font-family: "Material Symbols Outlined";
font-size: 48px;
line-height: 48px;
color: rgba(0,0,0,0.54) !important;
text-align: center;
}
.toolbox-text {
color: black !important;
display: block;
text-align: center;
font-weight: 500;
font-size: 0.9rem;
text-transform: lowercase;
}
