AutoShell

jkghkghkghkghkghkghkghkkghghkkghkgh hgghkghkghghkghhgkhgkghghkkghkhghkgkghkghkgh hjlhlhjhjlhjlhjlhjlhjlhjlhjhjl AutoShell

?? Editing: _mail-sidebar.scss

/* Mail Sidebar */

.email-wrapper {
	.mail-sidebar {
		background: $card-bg;
		@media (max-width:769px) {
			position: relative;
		}
		@include media-breakpoint-down(sm) {
			position: fixed;
			z-index: 99;
			background: color(white);
			width: 45%;
			min-width: 300px;
			left: -100%;
			display: block;
			transition: 0.4s ease;
			-webkit-transition: 0.4s ease;
			-moz-transition: 0.4s ease;
		}

.menu-bar {
			width: 100%;
			float: right;
			height: 100%;
			min-height: 100%;
			@include media-breakpoint-down(sm) {
				min-height: 100vh;
				max-height: 100%;
				height: auto;
				overflow-y: auto;
				overflow-x: hidden;
			}

.menu-items {
				padding: 0;
				margin-bottom: 0;
				height: auto;
				list-style-type: none;

li {
					padding: 10px 15px;
					transition: 0.4s;
					position: relative;
					@include display-flex;
					@include align-items(center);
					@include justify-content(space-between);

&:hover {
						background: rgba($white, 0.2);
					}

a {
						color: $body-color;
						font-size: $default-font-size;
						text-decoration: none;

i {
							margin-right: 8px;
							font-size: $default-font-size;
							line-height: 1.5;
						}
					}

&.active {
						background: rgba($white, .2);
						@include border-radius(4px);
					}

&.compose {
						&:hover {
							background: transparent;
						}
					}
				}
			}

.online-status {
				margin-top: 1rem;

.chat {
					font-size: $default-font-size;
					color: theme-color(primary);
					margin-bottom: 0;
					font-weight: 600;
				}

.status {
					height: 10px;
					width: 10px;
					@include border-radius(100%);
					display: inline-flex;
					justify-content: flex-start;
					transform: translateX(-43px) translateY(2px);

&:after {
						font-size: 12px;
						color: $body-color;
						margin: 0 0 0 18px;
					}
				}

.status.offline {
					background: theme-color(danger);

&:after {
						content: "Offline";
					}
				}

.status.online {
					background: theme-color(success);

&:after {
						content: "Online";
					}
				}
			}

.profile-list {
				padding: 10px 0;
			}

.profile-list-item {
				border-bottom: 1px solid $border-color;
				padding: 6px 0;
				display: block;

&:last-child {
					border-bottom: 0;
				}

a {
					text-decoration: none;
					@extend .d-flex;

.pro-pic {
						@include display-flex;
						@include align-items(center);
						padding: 0;
						width: 20%;
						max-width: 40px;

img {
							max-width: 100%;
							width: 100%;
							@include border-radius(100%);
						}
					}

.user {
						width: 100%;
						@extend .d-flex;
						@extend .flex-column;
						padding: 5px 10px 0 15px;

.u-name {
							font-weight: 400;
							font-size: $default-font-size;
							line-height: 1;
							@extend %ellipsor;
							color: $body-color;
						}

.u-designation {
							font-size: calc(#{$default-font-size} - 0.1rem);
							@extend %ellipsor;
							@extend .text-muted;
							margin-bottom: 0;
						}
					}
				}
			}
		}
	}

.sidebar.open {
		left: 0;
	}
}

Path:

home / dhw4kgxay284 / public_html / admin / scss / common / dark / components / mail-components /

?? Editing: _mail-sidebar.scss

Path:

?? Upload