app/assets/stylesheets/cm_admin/base/auth.scss in cm-admin-1.0.2 vs app/assets/stylesheets/cm_admin/base/auth.scss in cm-admin-1.0.3
- old
+ new
@@ -69,5 +69,118 @@
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
}
}
}
+
+.sidebar__footer {
+ position: absolute;
+ bottom: 0;
+ z-index: 100;
+ width: 100%;
+ padding: 16px 0;
+ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
+ .menu-item {
+ @include font($size: $t4-text, $color: $ink-lightest-clr);
+ padding: 8px 24px;
+ @include transition-linear();
+ cursor: pointer;
+ &:hover {
+ color: $white;
+ background: rgba(255, 255, 255, 0.1);
+ }
+ }
+ .profile-name {
+ @include flex($align: center);
+ position: relative;
+ line-height: 22px;
+ @include font($size: $t4-text, $color: $ink-lightest-clr);
+ cursor: pointer;
+ .profile-avatar {
+ @include flex($justify: center, $align: center);
+ width: 22px;
+ height: 22px;
+ margin-right: 8px;
+ @include font($size: 10px, $color: $white, $weight: 900);
+ background-color: $brand-color;
+ vertical-align: middle;
+ border-radius: 50%;
+ img {
+ width: 22px;
+ border-radius: $circle;
+ }
+ }
+ }
+ .profile-popup {
+ position: absolute;
+ left: 228px;
+ bottom: 10px;
+ width: 268px;
+ min-height: 100px;
+ overflow: hidden;
+ background-color: $white;
+ box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
+ border-radius: $radius-4;
+ animation: fadeIn 0.2s linear;
+ .profile-info {
+ display: grid;
+ grid-template-columns: 1fr 32px;
+ grid-gap: 9px;
+ padding: 8px 16px;
+ box-shadow: inset 0px -1px 0px rgba(148, 151, 155, 0.15);
+ &__left {
+ .name-text {
+ @include font($size: $t4-text);
+ line-height: 22px;
+ margin: 0;
+ }
+ .email-text {
+ @include font($size: $t4-text, $color: $ink-lightest-clr);
+ line-height: 22px;
+ margin: 0;
+ width: 200px;
+ }
+ }
+ &__right {
+ @include flex($justify: center, $align: center);
+ width: 32px;
+ height: 32px;
+ @include font($color: $white, $weight: 600);
+ background-color: $brand-color;
+ vertical-align: middle;
+ border-radius: 50%;
+ img {
+ width: 32px;
+ border-radius: $circle;
+ }
+ }
+ }
+ .page-options {
+ padding: 8px 0;
+ box-shadow: inset 0px -1px 0px rgba(148, 151, 155, 0.15);
+ .page-link {
+ display: block;
+ @include font($size: $t4-text);
+ line-height: 22px;
+ padding: 4px 16px;
+ border: none;
+ @include transition-linear();
+ &:hover {
+ background-color: $grey-lighter-clr;
+ }
+ }
+ }
+ .auth-option {
+ padding: 8px 0;
+ .auth-link {
+ display: block;
+ @include font($size: $t4-text);
+ line-height: 22px;
+ padding: 4px 16px;
+ @include transition-linear();
+ &:hover {
+ background-color: $grey-lighter-clr;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file