|
0
|
1 // main: ../style.scss
|
|
|
2 /********************************
|
|
|
3 *********************************
|
|
|
4 Inbox
|
|
|
5 *********************************
|
|
|
6 *********************************/
|
|
|
7
|
|
|
8 /* Mail Inbox
|
|
|
9 ========================*/
|
|
|
10 .mail-inbox {
|
|
|
11 position: relative;
|
|
|
12
|
|
|
13 @include mobile {
|
|
|
14 height: auto !important;
|
|
|
15 }
|
|
|
16
|
|
|
17 @include tablet {
|
|
|
18 height: auto !important;
|
|
|
19 }
|
|
|
20 }
|
|
|
21
|
|
|
22 .mail-inbox-header {
|
|
|
23 display: flex;
|
|
|
24 align-items: center;
|
|
|
25 min-height: em(70);
|
|
|
26 @include padding(null #{$spacer * 1.25});
|
|
|
27 border-bottom: 1px solid $theme-border-color;
|
|
|
28 }
|
|
|
29
|
|
|
30 .mail-inbox-select-all {
|
|
|
31 font-size: em(12);
|
|
|
32 display: inline-block;
|
|
|
33
|
|
|
34 span.label-text {
|
|
|
35 padding-left: em(25,12);
|
|
|
36 }
|
|
|
37 }
|
|
|
38
|
|
|
39 .mail-list-item {
|
|
|
40 position: relative;
|
|
|
41 padding: em(20) #{$spacer * 1.25};
|
|
|
42 border-bottom: 1px solid $theme-border-color;
|
|
|
43
|
|
|
44 .checkbox {
|
|
|
45 padding: 0;
|
|
|
46 }
|
|
|
47
|
|
|
48 &.unread .mail-title {
|
|
|
49 font-weight: $font-weight-semibold;
|
|
|
50 }
|
|
|
51
|
|
|
52 .checkbox .label-text {
|
|
|
53 padding-left: 1em;
|
|
|
54 }
|
|
|
55
|
|
|
56 .mail-select-checkbox .label-text {
|
|
|
57 margin-right: .5em;
|
|
|
58 top: -5px;
|
|
|
59 padding: 0 !important;
|
|
|
60 margin-right: em(20);
|
|
|
61
|
|
|
62 body.rtl & {
|
|
|
63 margin-right: 0;
|
|
|
64 margin-left: em(20);
|
|
|
65 }
|
|
|
66 }
|
|
|
67
|
|
|
68 &:nth-child(odd) {
|
|
|
69 background: $dropdown-link-hover-bg;
|
|
|
70 }
|
|
|
71
|
|
|
72 &::last-child {
|
|
|
73 border-bottom: 0;
|
|
|
74 }
|
|
|
75 }
|
|
|
76
|
|
|
77 .mail-inbox-categories {
|
|
|
78 .list-inline-item {
|
|
|
79 margin-right: 1.5em;
|
|
|
80 &:not(.active) a {
|
|
|
81 color: $headings-color;
|
|
|
82 }
|
|
|
83 }
|
|
|
84 }
|
|
|
85
|
|
|
86 /* Mail Single
|
|
|
87 ========================*/
|
|
|
88 .mail-single {
|
|
|
89 //@include padding(em(30) #{$spacer * 1.25});
|
|
|
90 > header {
|
|
|
91 margin-left: em(15);
|
|
|
92 }
|
|
|
93 }
|
|
|
94
|
|
|
95 .mail-single-content {
|
|
|
96 border: 1px solid $theme-border-color;
|
|
|
97 border-left: 0;
|
|
|
98 border-right: 0;
|
|
|
99 position: relative;
|
|
|
100 top: em(-1);
|
|
|
101 padding: em(35) em(50) em(10) em(50);
|
|
|
102
|
|
|
103 > header {
|
|
|
104 color: $headings-color;
|
|
|
105
|
|
|
106 a {
|
|
|
107 color: $headings-color;
|
|
|
108 font-weight: 700;
|
|
|
109 &:hover {
|
|
|
110 text-decoration: underline;
|
|
|
111 }
|
|
|
112 }
|
|
|
113 }
|
|
|
114 }
|
|
|
115
|
|
|
116 .mail-single-reply {
|
|
|
117 border: 1px solid $theme-border-color;
|
|
|
118 border-radius: 5px;
|
|
|
119 padding: em(20);
|
|
|
120 position: relative;
|
|
|
121
|
|
|
122 .triangle-top {
|
|
|
123 @include size(0);
|
|
|
124 @include position(absolute, em(-15) null null em(50) );
|
|
|
125 border-style: solid;
|
|
|
126 border-width: 0 15px 15px 15px;
|
|
|
127 border-color: transparent transparent #ccc transparent;
|
|
|
128 }
|
|
|
129 .triangle-top:after{
|
|
|
130 content: '';
|
|
|
131 @include position(absolute, em(1) null null em(-16) );
|
|
|
132 @include size(0);
|
|
|
133 border-style: solid;
|
|
|
134 border-width: 0 16px 16px 16px;
|
|
|
135 border-color: transparent transparent #fff transparent;
|
|
|
136 }
|
|
|
137 }
|
|
|
138
|
|
|
139 /* Mail Compose
|
|
|
140 ========================*/
|
|
|
141 .mail-sidebar {
|
|
|
142 border-right: 1px solid $theme-border-color;
|
|
|
143 body.rtl & {
|
|
|
144 border-right: 0;
|
|
|
145 border-left: 1px solid $theme-border-color;
|
|
|
146 }
|
|
|
147 }
|
|
|
148
|
|
|
149 .mail-compose {
|
|
|
150 .wysihtml5-sandbox {
|
|
|
151 flex: 1;
|
|
|
152 border-left: 0 !important;
|
|
|
153 border-right: 0 !important;
|
|
|
154 }
|
|
|
155 .wysihtml5-toolbar {
|
|
|
156 border-left: 0;
|
|
|
157 border-right: 0;
|
|
|
158 }
|
|
|
159 .wysihtml5-toolbar {
|
|
|
160 border-left: 0;
|
|
|
161 border-right: 0;
|
|
|
162 }
|
|
|
163 @include mobile {
|
|
|
164 }
|
|
|
165 @include tablet {
|
|
|
166 }
|
|
|
167 }
|
|
|
168
|
|
|
169 /* Mail Attachment
|
|
|
170 ========================*/
|
|
|
171 .mail-attachment {
|
|
|
172 .mail-attachment-heading .list-icon {
|
|
|
173 @include size( rem(20), 1em);
|
|
|
174 text-align: center;
|
|
|
175 font-size: rem(18);
|
|
|
176 margin-right: rem(5);
|
|
|
177 }
|
|
|
178 .file-list {
|
|
|
179 margin: 0 rem(-15);
|
|
|
180 }
|
|
|
181 .file-list-item {
|
|
|
182 display: flex;
|
|
|
183 align-items: center;
|
|
|
184 border-uadius: 3px;
|
|
|
185 padding: em(10) em(15);
|
|
|
186 transition: background 0.3s ease;
|
|
|
187 font-size: em(12);
|
|
|
188 font-weight: $font-weight-semibold;
|
|
|
189 i,
|
|
|
190 img {
|
|
|
191 @include size( em(25) );
|
|
|
192 line-height: em(25);
|
|
|
193 text-align: center;
|
|
|
194 border-radius: 100px;
|
|
|
195 margin-right: em(10);
|
|
|
196 }
|
|
|
197 a {
|
|
|
198 color: $headings-color;
|
|
|
199 }
|
|
|
200 a.list-inline-item {
|
|
|
201 font-size: em(13,12);
|
|
|
202 color: $text-muted;
|
|
|
203 font-weight: normal;
|
|
|
204 }
|
|
|
205 &:hover {
|
|
|
206 background: #f9f9f9;
|
|
|
207 }
|
|
|
208 }
|
|
|
209 }
|
