welcome_css 0.3 → 0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9c81d824d67910994c05777c57d82e77ff3264cae9a9a278eda63a080d78186d
4
- data.tar.gz: e92354836632221e1a69d98b2c7837d79e43c68fcff4adfe43505d68961c2403
3
+ metadata.gz: c6d3a5914ba3b706ca67f3df3d9440be98b8b30cf6121a36408c50ffd2581e18
4
+ data.tar.gz: e9c7ec9251b43f50d8b28e7591dd9b774a1498ebe1280383b4e75aade358f863
5
5
  SHA512:
6
- metadata.gz: 6282ddfb470754f7c6624326a7d8a2bbafa4e8366a950eef4a50fedb1bb8378bd0eeb61292172990872af0c4feb56aacef751d156a217306225579d767baec46
7
- data.tar.gz: 73c82ea831fa65ecc9096cb247491d0ba5fe1c016dba0335dca542def9a1cc9f022ff771b7ab8e92dd9e2530d22dfc8638a7d246d27fa94bd4a1edf4e15c8238
6
+ metadata.gz: 5c3e1a5f5224d862a285de1ec98a5be8b18a9a0d115c3fbd306ed57ee247b68ea49a1781e2388549ca99ce03aa10a815fc15bbe1237f9b126f4a366f33239592
7
+ data.tar.gz: 810127c529ca12caaaac27409eebf986ac64f6b24de9f31aeac37837a705bdad05e1139b9febfccca631c4c331aa4cc829346dd3cf8aacbfb0a72a062cf4fc10
@@ -98,4 +98,46 @@
98
98
  }
99
99
  .main-app .main-content .was-validated .form-control:valid, .form-control.is-valid {
100
100
  background-image: none;
101
+ }
102
+
103
+ /* ========================================= */
104
+
105
+ #ui-tabs .btn.btn-select {
106
+ border: 1px solid #D9D9D9;
107
+ background-color: $ui_white;
108
+ margin-top: 30px;
109
+ margin-left: 0px;
110
+ width: 420px;
111
+ text-align: left;
112
+ padding: 8px 15px !important;
113
+ background-image: image-url('icons/icn-submenu.svg');
114
+ background-repeat: no-repeat;
115
+ background-size: 8px;
116
+ background-position: right 10px top 18px;
117
+ }
118
+ #ui-tabs .dropdown.dropdown-select .dropdown-menu {
119
+ width: 420px;
120
+ }
121
+ .btn-dot {
122
+ top: 6px;
123
+ background-color: #fff;
124
+ display: block;
125
+ float: left;
126
+ position: relative;
127
+ width: 30px;
128
+ height: 30px;
129
+ text-align: center;
130
+ box-shadow: -1px 1px 5px -1px rgba(123,123,123,0.25);
131
+ -webkit-box-shadow: -1px 1px 5px -1px rgba(123,123,123,0.25);
132
+ -moz-box-shadow: -1px 1px 5px -1px rgba(123,123,123,0.25);
133
+ }
134
+ .btn-dot img {
135
+ width: 4px;
136
+ margin-top: -12px;
137
+ }
138
+ .btn-offcanvas {
139
+ display: block;
140
+ float: right;
141
+ position: relative;
142
+ margin: 0 0 0 12px;
101
143
  }
@@ -7,6 +7,13 @@
7
7
  width: 100%;
8
8
  padding: 15px 0;
9
9
  }
10
+ .land-app .view-header {
11
+ border-bottom: 1px solid $ui_lightgray;
12
+ /*background-color: $ui_middlegray;*/
13
+ margin-bottom: 15px;
14
+ width: 100%;
15
+ padding: 15px 0 15px 10px;
16
+ }
10
17
  .view-header .btn.btn-group {
11
18
  display: contents;
12
19
  }
@@ -17,6 +24,37 @@
17
24
  padding: 0;
18
25
  }
19
26
 
27
+ .land-app .header-fixed {
28
+ display: block;
29
+ /*position: fixed;*/
30
+ height: 130px;
31
+ margin-top: -22px;
32
+ /*background-color: #f2f2f2;*/
33
+ /*margin-left: -15px;*/
34
+ width: 100%;
35
+ max-width: 100%;
36
+ z-index: 2;
37
+ border-bottom: none !important;
38
+ margin-left: -14px;
39
+ }
40
+ .header-fixed .row-title {
41
+ margin-bottom: 5px;
42
+ margin-left: -14px;
43
+ }
44
+ .land-app .header-fixed hr {
45
+ margin-top: 0px;
46
+ }
47
+ .land-app .header-fixed-box {
48
+ position: fixed;
49
+ background-color: #f2f2f2;
50
+ top: 20px;
51
+ padding-right: 18%;
52
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
53
+ }
54
+ .land-app .form-padding {
55
+ margin-top: 140px !important;
56
+ }
57
+
20
58
  /* Table Header */
21
59
 
22
60
  table .ui-table-row {
@@ -25,7 +63,7 @@ table .ui-table-row {
25
63
  }
26
64
  .ui-toptable {
27
65
  background-color: $ui_middlegray;
28
- padding: 12px 20px;
66
+ padding: 8px 15px;
29
67
  border: 1px solid $ui_middlegray;
30
68
  -webkit-border-top-left-radius: $ui-radius;
31
69
  -webkit-border-top-right-radius: $ui-radius;
@@ -69,7 +107,7 @@ table .ui-table-row {
69
107
 
70
108
  /* Tr */
71
109
  .ui-table table tbody tr:hover {
72
- background-color: $ui_fill;
110
+ /*background-color: $ui_fill;*/
73
111
  }
74
112
 
75
113
  .ui-toptable .col-lg-6:first-child {
@@ -109,7 +147,7 @@ table .ui-table-row {
109
147
  }
110
148
  .ui-app-area table .ui-menu-dots {
111
149
  width: 20px;
112
- height: 100px;
150
+ height: 70px;
113
151
  text-align: right;
114
152
  }
115
153
  .ui-app-area table .dropdown-menu {
@@ -127,6 +165,20 @@ table .ui-table-row {
127
165
  .ui-app-area .list-group-item {
128
166
  min-height: 90px;
129
167
  }
168
+ #ui-tabs .list-group-item {
169
+ padding-left: 15px;
170
+ }
171
+
172
+ /* =========================== */
173
+
174
+ .land-app .parcel-information-block {
175
+ display: block;
176
+ width: 100%;
177
+ border-bottom: 1px solid #D9D9D9;
178
+ padding: 15px;
179
+ margin-left: 15px;
180
+ margin-right: 15px;
181
+ }
130
182
 
131
183
  /* =========================== */
132
184
 
@@ -135,6 +187,7 @@ table .ui-table-row {
135
187
  float: left;
136
188
  position: relative;
137
189
  margin-bottom: $sm-marginbottom;
190
+ margin-left: 15px;
138
191
  }
139
192
  .ui-app-area .width-drop {
140
193
  padding-right: 50px;
@@ -161,7 +214,7 @@ table .ui-table-row {
161
214
  padding: 1.50rem 1.25rem;
162
215
  }
163
216
  .ui-app-area .list-group-item:hover {
164
- background-color: $ui_fill;
217
+ /*background-color: $ui_fill;*/
165
218
  }
166
219
  .ui-app-area .parcel-main-info .list-group-item {
167
220
  padding: 0.50rem 1.25rem;
@@ -170,6 +223,9 @@ table .ui-table-row {
170
223
  /* =========================== */
171
224
 
172
225
  .parcel-main-info {
226
+ display: block;
227
+ float: left;
228
+ position: relative;
173
229
  margin-bottom: $md-marginbottom;
174
230
  }
175
231
  .parcel-main-info .card {
@@ -402,8 +458,9 @@ table .ui-table-row {
402
458
  /* =========================== */
403
459
 
404
460
  #parcel_form {
405
- background-color: $ui_white;
406
- padding: 30px;
461
+ /*background-color: $ui_white;*/
462
+ padding: 30px 0px;
463
+ /*margin-top: 80px;*/
407
464
  }
408
465
 
409
466
  /* =========================== */
@@ -422,7 +479,7 @@ table .ui-table-row {
422
479
  background-color:#fff;
423
480
  }
424
481
  .table-striped tbody tr:hover {
425
- background-color:#f8f8f8!important;
482
+ background-color:#fff!important;
426
483
  }
427
484
  .am-wrapper.am-login {
428
485
  max-width: 660px;
@@ -497,6 +554,13 @@ table .ui-table-row {
497
554
  float: left;
498
555
  }
499
556
 
557
+ .ui-app-area #nav-p_information .row {
558
+ margin-bottom: 30px;
559
+ }
560
+ .ui-app-area #nav-p_information .row .ui-toptable .row {
561
+ margin-bottom: 0px;
562
+ }
563
+
500
564
  /* =========================== */
501
565
 
502
566
  .main-content table {
@@ -565,6 +629,17 @@ table .ui-table-row {
565
629
  .main-app .ui-app-area table thead {
566
630
  background-color: #edeff4;
567
631
  }
632
+ .ui-app-area .page-head .dropdown.droppright {
633
+ top: 6px;
634
+ left: 12px;
635
+ }
636
+ .ui-app-area .row-white {
637
+ background-color: #fff;
638
+ padding: 12px;
639
+ margin-left: 0px;
640
+ margin-right: 0;
641
+ border-bottom: 1px solid rgba(0,0,0,0.1);
642
+ }
568
643
 
569
644
  /* =========================== */
570
645
 
@@ -585,4 +660,57 @@ table .ui-table-row {
585
660
  }
586
661
  .main-app .am-datatable-footer .btn-outline-primary {
587
662
  border-color: transparent;
663
+ }
664
+
665
+ /* =========================== */
666
+
667
+ .edit-form-group {
668
+ display: block;
669
+ margin-bottom: 30px;
670
+ }
671
+ .edit-form-group .form-row {
672
+ background: #FFFFFF;
673
+ border: 1px solid #FFFFFF;
674
+ box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
675
+ border-radius: 4px;
676
+ padding: 20px;
677
+ }
678
+ .edit-form-group.form-group-complete .form-row {
679
+ background: #FFFFFF;
680
+ border: 1px solid #91CF97;
681
+ box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
682
+ }
683
+ .edit-form-group .form-group {
684
+ margin-bottom: 0;
685
+ }
686
+ .edit-form-group .col-lg-12,
687
+ .edit-form-group .col-lg-6,
688
+ .edit-form-group .col-lg-4 {
689
+ margin-bottom: 15px;
690
+ }
691
+ .edit-form-group .btn-outline-primary {
692
+ padding-left: 15px;
693
+ }
694
+ .edit-form-group .btn-outline-primary:hover {
695
+ background-color: $ui_back;
696
+ color: $ui_white;
697
+ }
698
+ .form-pill {
699
+ background-color:$ui_white;
700
+ padding: 6px 10px;
701
+ border: 1px solid #D9D9D9;
702
+ border-radius: 4px;
703
+ color: $ui_back;
704
+ font-size: 14px;
705
+ }
706
+ .form-pill:hover {
707
+ text-decoration: none;
708
+ }
709
+ .pill-complete {
710
+ border: 1px solid #7EB984;
711
+ padding-right: 33px;
712
+ background-image: image-url('icons/icn-check.svg');
713
+ background-repeat: no-repeat;
714
+ background-size: 13px;
715
+ background-position: right 10px top 8px;
588
716
  }
@@ -8,7 +8,7 @@
8
8
  }
9
9
  #ui-tabs .nav-item {
10
10
  font-family: 'gt-eesti-regular';
11
- font-weight: 600;
11
+ font-weight: 400;
12
12
  color: $ui_back;
13
13
  }
14
14
  #ui-tabs .nav-tabs {
@@ -243,15 +243,224 @@ $lg-paddingbottom: 60px;
243
243
  font-size: 13px !important;
244
244
  }
245
245
 
246
- .am-left-sidebar .parent .list-group-item {
246
+ .am-left-sidebar .parent .list-group-item:before {
247
247
  background-image: url("https://land.welcomehomes.com/assets/icons/icn-submenu-cf0fa33c4c7e45be386bde2e5d9cf8b5297cf24558243549ff5b308a988f8af1.svg");
248
248
  background-repeat: no-repeat;
249
249
  background-position: right 10px top 18px;
250
+ content: ' ';
251
+ display: block;
252
+ position: absolute;
253
+ right: 0;
254
+ top: 0;
255
+ width: 100%;
256
+ height: 100%;
257
+ z-index: 1;
258
+ opacity: 0.2;
259
+ }
260
+ .am-left-sidebar .parent .list-group-item:hover:before {
261
+ opacity: 1;
250
262
  }
251
- .am-left-sidebar .parent.open .list-group-item {
263
+ .am-left-sidebar .parent.open .list-group-item:before {
252
264
  background-image: url("https://land.welcomehomes.com/assets/icons/icn-submenu-close-c4f6ca0fdef472f702d123f11b746478f1820ccb4051671984fea27e64f51d0a.svg");
265
+ background-repeat: no-repeat;
266
+ background-position: right 10px top 18px;
267
+ content: ' ';
268
+ display: block;
269
+ position: absolute;
270
+ right: 0;
271
+ top: 0;
272
+ width: 100%;
273
+ height: 100%;
274
+ z-index: 1;
275
+ opacity: 1;
253
276
  }
254
277
  .list-group-item:first-child {
255
278
  border-top-left-radius: 0 !important;
256
279
  border-top-right-radius: 0 !important;
280
+ }
281
+ .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:hover {
282
+ background-color: transparent !important;
283
+ }
284
+ .admin-options {
285
+ padding-right: 0 !important;
286
+ }
287
+
288
+ /* ====================================== */
289
+
290
+ @media (max-width: 1024px) and (min-width: 769px) {
291
+ .am-wrapper.main-app .menu-app {
292
+ width: 20% !important;
293
+ max-width: 20% !important;
294
+ }
295
+ .am-wrapper.main-app .ui-app-area {
296
+ width: 80%;
297
+ }
298
+ .main-app .ui-app-area .page-head {
299
+ margin-left: 0px !important;
300
+ margin-right: 0px !important;
301
+ }
302
+ .am-wrapper.main-app .ui-app-area .main-content, .am-wrapper.main-app .ui-app-area .page-head {
303
+ padding: 20px 0;
304
+ }
305
+ .admin-options {
306
+ margin-right: -15px;
307
+ }
308
+ }
309
+ @media (min-width: 769px) {
310
+ input[type="radio"], input[type="checkbox"] {
311
+ display: none;
312
+ }
313
+ }
314
+ @media (max-width: 768px) {
315
+ .page-head .col-md-6 {
316
+ width: 50%;
317
+ display: block;
318
+ float: left;
319
+ position: relative;
320
+ }
321
+ .am-wrapper.main-app .navbar {
322
+ height: 50px;
323
+ display: block;
324
+ }
325
+ .am-top-header {
326
+ position: fixed !important;
327
+ top: 0;
328
+ width: 100%;
329
+ z-index: 9999;
330
+ }
331
+ .am-left-sidebar .am-logo {
332
+ height: 50px !important;
333
+ }
334
+ .am-wrapper.main-app .ui-app-area {
335
+ width: 100%;
336
+ margin-top: 50px;
337
+ display: block;
338
+ }
339
+ .am-wrapper.main-app .menu-app {
340
+ width: 100%;
341
+ transform: translate3d(0, 0, 0);
342
+ }
343
+ .am-left-sidebar.menu-app {
344
+ transform: translate3d(260px, 0px, 0px) !important;
345
+ position: fixed !important;
346
+ width: 260px !important;
347
+ background: #112e66;
348
+ color: #eee;
349
+ right: 0;
350
+ left: auto;
351
+ height: 100%;
352
+ transition: all 0.3s;
353
+ }
354
+ .am-left-sidebar .sidebar-elements > li.parent > a:after {
355
+ display: none;
356
+ }
357
+ .am-left-sidebar .sidebar-elements > li > a {
358
+ padding: 10px 10px 10px 0px;
359
+ }
360
+ .am-navbar-header .page-title img {
361
+ margin-left: -18px;
362
+ position: fixed;
363
+ margin-top: 2px;
364
+ }
365
+ .button {
366
+ position: absolute;
367
+ top: 10px;
368
+ left: 10px;
369
+ z-index: 10000;
370
+ color: white;
371
+ padding: 10px;
372
+ font-size: 30px;
373
+ cursor: pointer;
374
+ }
375
+ .button .fa {
376
+ transition: color 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
377
+ transition-delay: 0.75s;
378
+ }
379
+ input[data-function*=swipe] {
380
+ position: absolute;
381
+ opacity: 0;
382
+ }
383
+ label[data-function*=swipe] {
384
+ position: fixed;
385
+ top: 0px;
386
+ right: 5px;
387
+ display: block;
388
+ width: 36px;
389
+ height: 50px;
390
+ text-align: center;
391
+ color: #444;
392
+ cursor: pointer;
393
+ transform: translate3d(0, 0, 0);
394
+ transition: transform 0.3s;
395
+ z-index: 9999;
396
+ font-size: 14px;
397
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgNmgtMjR2LTRoMjR2NHptMCA0aC0yNHY0aDI0di00em0wIDhoLTI0djRoMjR2LTR6Ii8+PC9zdmc+');
398
+ background-repeat: no-repeat;
399
+ background-size: 18px;
400
+ background-position: top 16px right 12px;
401
+ }
402
+ .am-content.ui-app-area {
403
+ flex: 1;
404
+ transform: translate3d(0, 0, 0);
405
+ transition: transform 0.3s;
406
+ }
407
+ input[data-function*=swipe]:checked ~ .am-content {
408
+ transform: translate3d(0, 0px, 0px) !important;
409
+ }
410
+ input[data-function*=swipe]:checked ~ .am-left-sidebar.col-12.col-lg-2.p-0.menu-app {
411
+ transform: translate3d(0px, 0px, 0px) !important;
412
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
413
+ }
414
+ .nav-menu-btn {
415
+ display: none;
416
+ /*vertical-align: middle;
417
+ padding: 5px;
418
+ cursor: pointer;
419
+ margin-top: 14px;
420
+ border: 1px solid #000;
421
+ z-index: 9999;*/
422
+ }
423
+ .nav-menu-btn .menu-bar {
424
+ background: #000;
425
+ width: 15px;
426
+ height: 2px;
427
+ margin: 0 0 3px;
428
+ transition: all .2s ease-in-out;
429
+ }
430
+ .nav-menu-btn .menu-bar:last-child {
431
+ margin: 0;
432
+ }
433
+ .am-wrapper.main-app .ui-app-area .main-content,
434
+ .am-wrapper.main-app .ui-app-area .page-head {
435
+ padding: 20px 0;
436
+ }
437
+ .main-app .ui-app-area .page-head {
438
+ margin-left: 0px !important;
439
+ margin-right: 0px !important;
440
+ }
441
+ .user-profile {
442
+ position: fixed;
443
+ top: 11px;
444
+ right: 46px;
445
+ }
446
+ .user-notifications {
447
+ position: fixed;
448
+ top: 11px;
449
+ right: 78px;
450
+ }
451
+ .navbar-toggler {
452
+ display: none;
453
+ }
454
+ .col-6.admin-options {
455
+ display: block;
456
+ float: right;
457
+ position: relative;
458
+ padding-right: 40px !important;
459
+ height: 30px;
460
+ }
461
+ }
462
+ @media (max-width: 480px) {
463
+ .am-content.ui-app-area table {
464
+ table-layout: auto !important;
465
+ }
257
466
  }
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.3"
2
+ VERSION = "0.7"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: welcome_css
3
3
  version: !ruby/object:Gem::Version
4
- version: '0.3'
4
+ version: '0.7'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jose Camacho
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-07-15 00:00:00.000000000 Z
11
+ date: 2021-08-10 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails