.sidebar:hover { width: 220px; scrollbar-width: thin; scrollbar-color: #0b9bca; } .sidebar::-webkit-scrollbar { width: 0; height: 0; } .sidebar:hover::-webkit-scrollbar { width: 3px; height: 3px; background: rgba(0, 0, 0, 0); } .sidebar::-webkit-scrollbar-thumb { border-radius: 30px; } .sidebar:hover::-webkit-scrollbar-thumb { background: #AAADBE; border-radius: 30px; } .sidebar:hover::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0); } .sidebar+.wrapper { margin-left: 40px; } .sidebar-item:not(.no-hover):hover { border-left-color: #0f75a5 !important; } .sidebar-item.no-link { pointer-events: none; } .sidebar-item.logo-title:hover { border-left-color: #0b9bca !important; cursor: default; } .sidebar-item { display: flex; color: white !important; text-decoration: none !important; border-left-width: 6px !important; border-left-style: solid !important; border-left-color: transparent !important; } .sidebar-item.active { color: #0b9bca !important; } .sidebar-item:hover .sidebar-item-icon { opacity: .7; } .sidebar-item:not(.no-hover):hover .sidebar-item-title { transition: visibility 0s, all 0.15s ease-in-out; margin-left: 5px; } .sidebar-item.logo-title:hover .sidebar-item-title { transition: visibility 0s, all 0.15s ease-in-out; margin-left: 0 !important; } .sidebar-item .search input { width: 100px; background: #fff; border: 0; height: 30px; padding: 0 10px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35) inset; border-radius: 5px; } .sidebar-item .search button { width: 30px; line-height: 30px; color: #fff; font-size: 14px; font-family: Oswald sans-serif; background: #043856; border-radius: 5px; border: 0; cursor: pointer; } .sidebar-item-icon { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; display: flex; font-size: 2rem; /* padding: 0 19px; */ /* margin-left: -5px; */ /* width: 40px; */ max-width: 45px; min-width: 45px; height: 40px; } .sidebar-item-icon i { /* margin: 0 !important; */ } .sidebar-item-title { white-space: nowrap; font-weight: bold; align-self: center; color: white; letter-spacing: 1px; font-size: 1.4em !important; } .sidebar .separator { width: 100%; margin-right: 5px; padding: 0; opacity: 0.4; border: none; height: 2px; color: white; background-color: white; border-radius: 5%; }
Tags: Family