Faris Ansari | fd345f8 | 2017-10-05 11:17:30 +0530 | [diff] [blame] | 1 | @import "../../../../frappe/frappe/public/less/variables.less"; |
2 | |||||
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 3 | body[data-route^="marketplace/"] { |
4 | .layout-side-section { | ||||
5 | padding-top: 25px; | ||||
6 | padding-right: 25px; | ||||
Prateeksha Singh | b8e9c9b | 2018-01-25 09:18:32 +0530 | [diff] [blame] | 7 | } |
8 | |||||
Prateeksha Singh | 305f737 | 2018-08-20 00:25:26 +0530 | [diff] [blame] | 9 | [data-route], [data-action] { |
Prateeksha Singh | 318cca8 | 2018-08-07 12:41:21 +0530 | [diff] [blame] | 10 | cursor: pointer; |
11 | } | ||||
12 | |||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 13 | .layout-main-section { |
14 | border: none; | ||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 15 | font-size: @text-medium; |
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 16 | padding-top: 25px; |
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 17 | |
18 | @media (max-width: @screen-xs) { | ||||
19 | padding-left: 20px; | ||||
20 | padding-right: 20px; | ||||
21 | } | ||||
22 | } | ||||
23 | |||||
Prateeksha Singh | bc8caef | 2018-07-25 10:58:56 +0530 | [diff] [blame] | 24 | input, textarea { |
25 | font-size: @text-medium; | ||||
26 | } | ||||
27 | |||||
Prateeksha Singh | efbd2ee | 2018-07-30 09:17:14 +0530 | [diff] [blame] | 28 | .progress-bar { |
29 | background-color: #89da28; | ||||
30 | } | ||||
31 | |||||
Prateeksha Singh | 505f6f1 | 2018-07-26 08:06:21 +0530 | [diff] [blame] | 32 | .subpage-title.flex { |
33 | align-items: flex-start; | ||||
34 | justify-content: space-between; | ||||
35 | } | ||||
36 | |||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 37 | .hub-card { |
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 38 | margin-bottom: 25px; |
Prateeksha Singh | efbd2ee | 2018-07-30 09:17:14 +0530 | [diff] [blame] | 39 | position: relative; |
40 | border: 1px solid @border-color; | ||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 41 | border-radius: 4px; |
42 | overflow: hidden; | ||||
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 43 | |
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 44 | &:hover .hub-card-overlay { |
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 45 | display: block; |
46 | } | ||||
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 47 | } |
Prateeksha Singh | cf2d2a5 | 2018-07-25 20:02:12 +0530 | [diff] [blame] | 48 | |
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 49 | .hub-card.is-local { |
Prateeksha Singh | cf2d2a5 | 2018-07-25 20:02:12 +0530 | [diff] [blame] | 50 | &.active { |
51 | .hub-card-header { | ||||
52 | background-color: #f4ffe5; | ||||
53 | } | ||||
54 | |||||
55 | .octicon-check { | ||||
56 | display: inline; | ||||
57 | } | ||||
58 | } | ||||
Prateeksha Singh | cf2d2a5 | 2018-07-25 20:02:12 +0530 | [diff] [blame] | 59 | |
60 | .octicon-check { | ||||
61 | display: none; | ||||
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 62 | position: absolute; |
Prateeksha Singh | cf2d2a5 | 2018-07-25 20:02:12 +0530 | [diff] [blame] | 63 | font-size: 20px; |
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 64 | right: 15px; |
65 | top: 50%; | ||||
66 | transform: translateY(-50%); | ||||
Prateeksha Singh | cf2d2a5 | 2018-07-25 20:02:12 +0530 | [diff] [blame] | 67 | } |
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 68 | } |
69 | |||||
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 70 | .hub-card-header { |
71 | position: relative; | ||||
72 | padding: 12px 15px; | ||||
73 | height: 60px; | ||||
74 | border-bottom: 1px solid @border-color; | ||||
75 | } | ||||
76 | |||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 77 | .hub-card-body { |
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 78 | position: relative; |
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 79 | height: 200px; |
80 | } | ||||
81 | |||||
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 82 | .hub-card-overlay { |
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 83 | display: none; |
84 | position: absolute; | ||||
85 | top: 0; | ||||
86 | width: 100%; | ||||
87 | height: 100%; | ||||
Faris Ansari | c0a22a6 | 2018-08-01 13:35:19 +0530 | [diff] [blame] | 88 | background-color: rgba(0, 0, 0, 0.05); |
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 89 | } |
90 | |||||
Faris Ansari | 296848c | 2018-07-28 16:14:22 +0530 | [diff] [blame] | 91 | .hub-card-overlay-body { |
92 | position: relative; | ||||
93 | height: 100%; | ||||
94 | } | ||||
95 | |||||
96 | .hub-card-overlay-button { | ||||
97 | position: absolute; | ||||
Prateeksha Singh | b0a3a10 | 2018-08-21 17:43:30 +0530 | [diff] [blame] | 98 | right: 15px; |
99 | bottom: 15px; | ||||
Prateeksha Singh | cf2d2a5 | 2018-07-25 20:02:12 +0530 | [diff] [blame] | 100 | } |
101 | |||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 102 | .hub-card-image { |
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 103 | width: 100%; |
Suraj Shetty | d94701e | 2018-08-22 16:47:50 +0530 | [diff] [blame] | 104 | height: 100%; |
105 | object-fit: contain; | ||||
106 | } | ||||
107 | |||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 108 | .hub-search-container { |
109 | margin-bottom: 20px; | ||||
110 | |||||
111 | input { | ||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 112 | height: 32px; |
113 | } | ||||
114 | } | ||||
115 | |||||
116 | .hub-sidebar { | ||||
117 | padding-top: 25px; | ||||
118 | padding-right: 15px; | ||||
119 | } | ||||
120 | |||||
121 | .hub-sidebar-group { | ||||
122 | margin-bottom: 10px; | ||||
123 | } | ||||
124 | |||||
125 | .hub-sidebar-item { | ||||
126 | padding: 5px 8px; | ||||
127 | margin-bottom: 3px; | ||||
128 | border-radius: 4px; | ||||
129 | border: 1px solid transparent; | ||||
130 | |||||
Faris Ansari | f585197 | 2018-07-23 11:55:07 +0530 | [diff] [blame] | 131 | &.active, &:hover:not(.is-title) { |
132 | border-color: @border-color; | ||||
133 | } | ||||
Faris Ansari | fd345f8 | 2017-10-05 11:17:30 +0530 | [diff] [blame] | 134 | } |
135 | |||||
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 136 | .hub-item-image { |
137 | border: 1px solid @border-color; | ||||
138 | border-radius: 4px; | ||||
139 | overflow: hidden; | ||||
140 | height: 200px; | ||||
141 | width: 200px; | ||||
142 | display: flex; | ||||
143 | align-items: center; | ||||
144 | } | ||||
145 | |||||
Prateeksha Singh | f6f429f | 2018-07-28 12:25:14 +0530 | [diff] [blame] | 146 | .hub-item-skeleton-image { |
147 | border-radius: 4px; | ||||
148 | background-color: @light-bg; | ||||
149 | overflow: hidden; | ||||
150 | height: 200px; | ||||
151 | width: 200px; | ||||
152 | } | ||||
153 | |||||
154 | .hub-skeleton { | ||||
155 | background-color: @light-bg; | ||||
156 | color: @light-bg; | ||||
157 | max-width: 500px; | ||||
158 | } | ||||
159 | |||||
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 160 | .hub-item-seller img { |
161 | width: 50px; | ||||
162 | height: 50px; | ||||
163 | border-radius: 4px; | ||||
164 | border: 1px solid @border-color; | ||||
165 | } | ||||
Prateeksha Singh | bc8caef | 2018-07-25 10:58:56 +0530 | [diff] [blame] | 166 | |
167 | .register-title { | ||||
168 | font-size: @text-regular; | ||||
169 | } | ||||
170 | |||||
171 | .register-form { | ||||
172 | border: 1px solid @border-color; | ||||
173 | border-radius: 4px; | ||||
174 | padding: 15px 25px; | ||||
175 | } | ||||
176 | |||||
Prateeksha Singh | 96fdbd4 | 2018-08-20 10:07:56 +0530 | [diff] [blame] | 177 | .publish-area.filled { |
178 | .empty-items-container { | ||||
179 | display: none; | ||||
180 | } | ||||
181 | } | ||||
182 | |||||
183 | .publish-area.empty { | ||||
184 | .hub-items-container { | ||||
185 | display: none; | ||||
186 | } | ||||
187 | } | ||||
188 | |||||
Suraj Shetty | 12de0ae | 2018-08-22 11:50:23 +0530 | [diff] [blame] | 189 | .publish-area-head { |
190 | display: flex; | ||||
191 | justify-content: space-between; | ||||
192 | margin-bottom: 20px; | ||||
193 | } | ||||
Suraj Shetty | d94701e | 2018-08-22 16:47:50 +0530 | [diff] [blame] | 194 | |
Suraj Shetty | 341386e | 2018-08-22 21:31:16 +0530 | [diff] [blame] | 195 | .item-message-card { |
Suraj Shetty | 88700cf | 2018-08-24 11:25:04 +0530 | [diff] [blame^] | 196 | overflow: auto; |
197 | max-width: 600px; | ||||
198 | margin-bottom: 15px; | ||||
199 | border-radius: 3px; | ||||
200 | border: 1px solid @border-color; | ||||
Suraj Shetty | 341386e | 2018-08-22 21:31:16 +0530 | [diff] [blame] | 201 | .message-body { |
Suraj Shetty | 88700cf | 2018-08-24 11:25:04 +0530 | [diff] [blame^] | 202 | padding: 10px; |
Suraj Shetty | 341386e | 2018-08-22 21:31:16 +0530 | [diff] [blame] | 203 | } |
204 | .item-image { | ||||
205 | float: left; | ||||
206 | height: 50px; | ||||
207 | width: 50px; | ||||
208 | object-fit: contain; | ||||
Suraj Shetty | 88700cf | 2018-08-24 11:25:04 +0530 | [diff] [blame^] | 209 | margin: 10px; |
Suraj Shetty | 341386e | 2018-08-22 21:31:16 +0530 | [diff] [blame] | 210 | } |
211 | .frappe-timestamp { | ||||
212 | float: right; | ||||
213 | } | ||||
214 | } | ||||
215 | |||||
Suraj Shetty | 88700cf | 2018-08-24 11:25:04 +0530 | [diff] [blame^] | 216 | .selling-item-message-card { |
217 | max-width: 500px; | ||||
218 | margin-bottom: 15px; | ||||
219 | border-radius: 3px; | ||||
220 | border: 1px solid @border-color; | ||||
221 | .selling-item-detail { | ||||
222 | overflow: auto; | ||||
223 | .item-image { | ||||
224 | float: left; | ||||
225 | height: 80px; | ||||
226 | width: 80px; | ||||
227 | object-fit: contain; | ||||
228 | margin: 5px; | ||||
229 | } | ||||
230 | .item-name { | ||||
231 | margin-left: 10px; | ||||
232 | } | ||||
233 | } | ||||
234 | .received-message-container { | ||||
235 | clear: left; | ||||
236 | background-color: @light-bg; | ||||
237 | .received-message { | ||||
238 | border-top: 1px solid @border-color; | ||||
239 | padding: 10px; | ||||
240 | } | ||||
241 | .frappe-timestamp { | ||||
242 | float: right; | ||||
243 | } | ||||
244 | } | ||||
245 | } | ||||
246 | |||||
Prateeksha Singh | bc8caef | 2018-07-25 10:58:56 +0530 | [diff] [blame] | 247 | .form-container { |
248 | .frappe-control { | ||||
249 | max-width: 100% !important; | ||||
250 | } | ||||
251 | } | ||||
252 | |||||
253 | .form-message { | ||||
254 | padding-top: 0; | ||||
255 | padding-bottom: 0; | ||||
256 | border-bottom: none; | ||||
257 | } | ||||
Faris Ansari | abcc8ab | 2018-07-28 13:57:16 +0530 | [diff] [blame] | 258 | |
Faris Ansari | aa46567 | 2018-08-17 14:29:22 +0530 | [diff] [blame] | 259 | .hub-items-container { |
260 | .hub-items-header { | ||||
Prateeksha Singh | 318cca8 | 2018-08-07 12:41:21 +0530 | [diff] [blame] | 261 | justify-content: space-between; |
262 | align-items: baseline; | ||||
Prateeksha Singh | 658d1bb | 2018-08-06 19:13:10 +0530 | [diff] [blame] | 263 | } |
264 | } | ||||
265 | |||||
Faris Ansari | abcc8ab | 2018-07-28 13:57:16 +0530 | [diff] [blame] | 266 | .hub-item-container { |
267 | overflow: hidden; | ||||
268 | } | ||||
269 | |||||
270 | .hub-item-review-container { | ||||
271 | margin-top: calc(30vh); | ||||
272 | } | ||||
Faris Ansari | c0a22a6 | 2018-08-01 13:35:19 +0530 | [diff] [blame] | 273 | |
274 | .hub-item-dropdown { | ||||
275 | margin-top: 20px; | ||||
276 | } | ||||
Faris Ansari | 2a81b4a | 2018-08-01 19:19:53 +0530 | [diff] [blame] | 277 | |
278 | /* messages page */ | ||||
279 | |||||
280 | .message-list-item { | ||||
281 | display: flex; | ||||
282 | align-items: center; | ||||
283 | padding: 8px 12px; | ||||
Faris Ansari | 2a81b4a | 2018-08-01 19:19:53 +0530 | [diff] [blame] | 284 | |
285 | &:not(.active) { | ||||
286 | filter: grayscale(1); | ||||
287 | color: @text-muted; | ||||
288 | } | ||||
289 | |||||
290 | &:hover { | ||||
291 | background-color: @light-bg; | ||||
292 | } | ||||
293 | |||||
294 | .list-item-left { | ||||
295 | width: 30px; | ||||
296 | border-radius: 4px; | ||||
297 | overflow: hidden; | ||||
298 | margin-right: 15px; | ||||
299 | } | ||||
300 | |||||
301 | .list-item-body { | ||||
302 | font-weight: bold; | ||||
303 | padding-bottom: 1px; | ||||
304 | } | ||||
305 | } | ||||
306 | |||||
Faris Ansari | d17aedb | 2018-08-20 18:33:46 +0530 | [diff] [blame] | 307 | .message-container { |
308 | display: flex; | ||||
309 | flex-direction: column; | ||||
310 | border: 1px solid @border-color; | ||||
311 | border-radius: 3px; | ||||
312 | height: calc(100vh - 300px); | ||||
313 | justify-content: space-between; | ||||
Faris Ansari | 2a81b4a | 2018-08-01 19:19:53 +0530 | [diff] [blame] | 314 | } |
315 | |||||
Faris Ansari | d17aedb | 2018-08-20 18:33:46 +0530 | [diff] [blame] | 316 | .message-list { |
317 | padding-top: 15px; | ||||
318 | padding-bottom: 15px; | ||||
319 | overflow: scroll; | ||||
Faris Ansari | 2a81b4a | 2018-08-01 19:19:53 +0530 | [diff] [blame] | 320 | } |
Faris Ansari | ea2d1b0 | 2018-07-23 18:44:46 +0530 | [diff] [blame] | 321 | } |