Mercurial > nebulaweb3

comparison default/assets/scss/components/_inbox.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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 }