Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16825 efrain 1 
.email-aside-nav {
2 
  &.collapse {
3 
    display: block;
4 
    @media(max-width: 991px) {
5 
      display: none;
6 
    }
7 
    &.show {
8 
      @media(max-width: 991px) {
9 
        display: block;
10 
      }
11 
    }
12 
  }
13 
  .nav-item {
14 
    border-radius: .2rem;
15 
    .nav-link {
16 
      color: $body-color;
17 
      svg {
18 
        color: $text-muted;
19 
      }
20 
    }
21 
    &.active, &:hover {
22 
      background: rgba($primary, .1);
23 
      .nav-link {
24 
        &, svg {
25 
          color: $primary;
26 
        }
27 
      }
28 
    }
29 
  }
30 
}
31 
 
32 
.email-list-item {
33 
  display: flex;
34 
  align-items: center;
35 
  border-bottom: 1px solid $border-color;
36 
  padding: 10px 20px;
37 
  cursor: pointer;
38 
  &:hover {
39 
    background: rgba($primary, .08);
40 
  }
41 
  &:last-child {
42 
    margin-bottom: 5px;
43 
  }
44 
  .email-list-actions {
45 
    width: 40px;
46 
    vertical-align: top;
47 
    display: table-cell;
48 
    .form-check {
49 
      margin-bottom: 0;
50 
    }
51 
    .favorite {
52 
      display: block;
53 
      padding-left: 1px;
54 
      line-height: 15px;
55 
      span {
56 
        svg {
57 
          width: 14px;
58 
          color: $text-muted;
59 
        }
60 
      }
61 
      &:hover span {
62 
        color: #8d8d8d;
63 
      }
64 
      &.active {
65 
        span {
66 
          svg {
67 
            color: $warning;
68 
          }
69 
        }
70 
      }
71 
    }
72 
  }
73 
  .email-list-detail {
74 
    width: calc(100% - 40px);
75 
    display: flex;
76 
    justify-content: space-between;
77 
    align-items: center;
78 
    flex-grow: 1;
79 
    .content {
80 
      overflow: hidden;
81 
      .from {
82 
        display: block;
83 
        margin: 0 0 1px 0;
84 
        color: $body-color;
85 
      }
86 
      .msg {
87 
        width: 97%;
88 
        color: $secondary;
89 
        font-size: .8rem;
90 
        overflow: hidden;
91 
        text-overflow: ellipsis;
92 
        white-space: nowrap;
93 
      }
94 
    }
95 
    .date {
96 
      color: $body-color;
97 
      white-space: nowrap;
98 
      .icon {
99 
        svg {
100 
          width: 14px;
101 
          margin-right: 7px;
102 
          color: #3d405c;
103 
        }
104 
      }
105 
    }
106 
  }
107 
  &.email-list-item--unread {
108 
    background-color: rgba($primary, .09);
109 
    .content {
110 
      .from {
111 
        font-weight: 500;
112 
      }
113 
      .msg {
114 
        font-weight: 700;
115 
      }
116 
    }
117 
  }
118 
}