/** * Sidebar stylesheet * * @author Pierre HUBERT */ .main-sidebar > .sidebar { display: flex; flex-direction: column; position: absolute; height: 100%; } body.sidebar-collapse .main-sidebar > .sidebar { position: unset; } body.sidebar-collapse .main-sidebar > .sidebar .hide-on-collapse { display: none; } .main-sidebar .intermediate-label { color: #c3c3c3; padding: 10px 25px 0px 15px; font-size: 12px; } /** * Search form */ .sidebar-search-results { display: flex; height: 200px; background-color: white; position: absolute; z-index: 2; width: 90%; margin-top: -2px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-search-results .results-container { flex: 1; } .sidebar-search-results .results-container > div { padding: 10px; cursor: pointer; } .sidebar-search-results .results-container > div:hover { background-color: #0003; } .sidebar-search-results .results-container > div img { height: 30px; margin-right: 5px; } /** * Memberships */ .main-sidebar .memberships-list { flex: 2; overflow: hidden; } body.sidebar-collapse .memberships-list, body.sidebar-collapse .slimScrollDiv, body.sidebar-collapse .sidebar-menu { overflow: unset !important; } .main-sidebar .memberships-list img { width: 20px; margin-right: 10px; margin-left: -4px; } .main-sidebar .memberships-list .subinfo { margin-left: 24px; font-size: 90%; } body.sidebar-collapse .main-sidebar .memberships-list .subinfo { display: none; } body.sidebar-collapse .main-sidebar .memberships-list li:hover .subinfo { display: block; background: #2c3b41; position: absolute; width: 180px; left: 50px; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px; margin: 7px -3px; padding-left: 20px; } .main-sidebar .memberships-list .btn-xs { padding-top: 0px; padding-bottom: 0px; height: 1.35em; width: 3em; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } /** * Conversations entries */ /** add left border .main-sidebar .memberships-list .conversation_memberhsip.has-unread-msg::before { border: 2px white solid; border-radius: 2px 0px 0px 2px; content: " "; position: absolute; background-color: white; height: 100%; left: 1%; } */ .main-sidebar .memberships-list .conversation_memberhsip.group-conversation { padding-left: 20px; } .main-sidebar .memberships-list .conversation_memberhsip.has-unread-msg { background-color: #00a65a30; } .main-sidebar .memberships-list .conversation_memberhsip a { padding: 5px 5px 5px 15px; } .main-sidebar .memberships-list .conversation_memberhsip span { font-size: 90%; } .main-sidebar .memberships-list .conversation_memberhsip .subinfo { font-size: 80%; } .main-sidebar .conversation_memberhsip.with-call .subinfo { display: none; } .main-sidebar .call_notice { background-color: #db8b0b82; margin-bottom: 5px; } .main-sidebar .call_notice a { padding-top: 0px; padding-bottom: 0px; } .main-sidebar .call_notice a:hover { background-color: #db8b0b82 !important; } /** * Conversations */ .main-sidebar .recents-conversations-list { flex: 1; }