welcome_css 0.5 → 0.9

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: cc3ec94931552e1b9e3b2f288326a8b73077854a6e3b91ac7ee1d4090cd62720
4
- data.tar.gz: 0751c3316ab8475525cfc21676ca88ab10cb80b510cf656ec1739b2a269fb8fe
3
+ metadata.gz: 841a21ad43e353bb0e2d19a2612446c809774e6ddd424307a37c890798724c7c
4
+ data.tar.gz: 43eb0736203bf172a0c44e7322b372deb7a5afc4bf8c7a7abe2c8d337ea878da
5
5
  SHA512:
6
- metadata.gz: 58a75322e8bbe7ea100d0db0cffdc0e2ea3feda68485fbee8d1c5d46e3bd79b2eb64ec4b22431d67b3cc05cbc84b90e929675d50c5aa48af724a52524a48d08d
7
- data.tar.gz: f5745587e267dee02731e13fda95a24fad6990fc371c9a44c054dcd5880f27da8ba02c8db5bbf5f2159402ee16e486f8e4bfa61091738d4235ad80db5df21e63
6
+ metadata.gz: edea5ca8247869aa698a425c296db88c42608ca3570a4bf54341771d7d8546ce6ff2774776c91469c88a35d14d23ca6bcc085397dada7f6450bc5c9e72339b84
7
+ data.tar.gz: 10adbcd20631c4c10b3fdf092c373c1aa8d628ef53bf082ad8bae82b9bfbe101b38b0a1968b5a2bc0e8da81c8b62db71a37ffb86a211192a40e9d2365b0a7e84
@@ -71,6 +71,13 @@
71
71
  border: 1px solid $ui_blue;
72
72
  color: $ui_blue;
73
73
  }
74
+ .ui-app-area .btn-alternative {
75
+ font-family: 'gt-eesti-medium';
76
+ background-color: transparent;
77
+ border: 1px solid #D9D9D9;
78
+ font-weight: normal;
79
+ color: $ui_back;
80
+ }
74
81
 
75
82
  /* ========================================= */
76
83
 
@@ -134,4 +141,15 @@
134
141
  .btn-dot img {
135
142
  width: 4px;
136
143
  margin-top: -12px;
137
- }
144
+ }
145
+ .btn-offcanvas {
146
+ display: block;
147
+ float: right;
148
+ position: relative;
149
+ margin: 0 0 0 12px;
150
+ }
151
+ /*.btn-dot a {
152
+ display: block;
153
+ width: 30px;
154
+ height: 30px;
155
+ }*/
@@ -688,6 +688,13 @@ table .ui-table-row {
688
688
  .edit-form-group .col-lg-4 {
689
689
  margin-bottom: 15px;
690
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
+ }
691
698
  .form-pill {
692
699
  background-color:$ui_white;
693
700
  padding: 6px 10px;
@@ -706,4 +713,362 @@ table .ui-table-row {
706
713
  background-repeat: no-repeat;
707
714
  background-size: 13px;
708
715
  background-position: right 10px top 8px;
716
+ }
717
+
718
+ /* =========================== */
719
+
720
+ .calculator-container {
721
+ display: block;
722
+ width: 100%;
723
+ background-color: #292926;
724
+ padding: 12px;
725
+ }
726
+ .calculator-container #screen {
727
+ color: $ui_white;
728
+ font-size: 26px;
729
+ }
730
+ .calculator-container .row {
731
+ margin-right: 0;
732
+ margin-left: 0;
733
+ }
734
+ .calculator-container .row button {
735
+ width: 100%;
736
+ background-color: transparent;
737
+ color: #fff;
738
+ border: 2px solid #292926;
739
+ transition: all .2s;
740
+ cursor: pointer;
741
+ }
742
+ .calculator-container .row button:hover {
743
+ transform :scale(1.03);
744
+ }
745
+ .calculator-container .row button:active {
746
+ transform: scale(.98);
747
+ }
748
+ .calculator-container .gray_light {
749
+ background-color: #5F5E5C;
750
+ }
751
+ .calculator-container .gray_dark {
752
+ background-color: #3E3D3A;
753
+ }
754
+ .calculator-container .bg_blue {
755
+ background-color: $ui_blue;
756
+ }
757
+
758
+ /* =========================== */
759
+
760
+ .block-stats {
761
+ display: block;
762
+ float: left;
763
+ position: relative;
764
+ width: 100%;
765
+ margin-bottom: $md-marginbottom;
766
+ }
767
+ .block-stats select {
768
+ display: block;
769
+ float: left;
770
+ position: relative;
771
+ min-width: 140px;
772
+ height: 36px;
773
+ border: 1px solid #D9D9D9;
774
+ border-radius: $ui-radius;
775
+ padding: 4px 6px;
776
+ }
777
+ .block-stats .block-stats-area {
778
+ display: block;
779
+ float: left;
780
+ position: relative;
781
+ width: 100%;
782
+ background-color: $ui_white;
783
+ border-radius: $ui-radius;
784
+ min-height: 100px;
785
+ padding: 15px 20px;
786
+ }
787
+ .block-stats div {
788
+ display: block;
789
+ float: left;
790
+ position: relative;
791
+ margin-bottom: 12px;
792
+ }
793
+ .widget-box {
794
+ display: block;
795
+ float: left;
796
+ position: relative;
797
+ padding: 0 3px;
798
+ }
799
+ .widget {
800
+ display: block;
801
+ float: left;
802
+ position: relative;
803
+ background-color: #EEF2F7;
804
+ border: 1px solid #D2D5DA;
805
+ border-radius: $ui-radius;
806
+ padding: 15px 20px;
807
+ min-height: 300px;
808
+ }
809
+ .am-content .widget {
810
+ float: none;
811
+ padding: 0;
812
+ background-color: transparent;
813
+ border: none;
814
+ }
815
+ .widget .widget-title {
816
+ font-size: 18px;
817
+ line-height: 22px;
818
+ margin-top: 12px;
819
+ min-height: 48px;
820
+ }
821
+ .widget .widget-information {
822
+ font-size: 13px;
823
+ margin-top: 12px;
824
+ min-height: 90px;
825
+ }
826
+ .widget .phase {
827
+ border-radius: $ui-radius;
828
+ padding: 0 2px;
829
+ color: $ui_white;
830
+ }
831
+ .widget .phase.p-pass {
832
+ background-color: $ui_blue;
833
+ }
834
+ .widget .phase.p-questionable {
835
+ background-color: #FAC15F;
836
+ color: $ui_back;
837
+ }
838
+ .widget .phase.p-offmarket {
839
+ background-color: #FF411D;
840
+ }
841
+ .widget .phase.p-reject {
842
+ background-color: #FF411D;
843
+ }
844
+
845
+ .block-stats .progress {
846
+ display: block;
847
+ float: left;
848
+ position: relative;
849
+ width: 100%;
850
+ height: 10px;
851
+ background-color: transparent;
852
+ }
853
+ .block-stats .progress-small {
854
+ height: 8px;
855
+ margin-bottom: 0;
856
+ background-color: #e9ecef;
857
+ }
858
+ .block-stats .progress-bar {
859
+ height: 10px;
860
+ border-radius: $ui-radius;
861
+ }
862
+ .block-stats .progress-small .progress-bar {
863
+ height: 8px;
864
+ border-radius: $ui-radius;
865
+ }
866
+ .block-stats label {
867
+ display: block;
868
+ }
869
+ .block-stats .separate {
870
+ border-top: 1px solid #D9D9D9;
871
+ padding-top: 12px;
872
+ }
873
+
874
+ .approval-requirements-area .w-33 {
875
+ padding-left: 5px;
876
+ padding-right: 5px;
877
+ }
878
+ .approval-requirements-area .w-33 .w-50,
879
+ .approval-requirements-area .w-33 .w-100 {
880
+ padding-left: 5px;
881
+ padding-right: 5px;
882
+ }
883
+
884
+ .block-stats-area .counties {
885
+ font-size: 14px;
886
+ }
887
+ .block-stats-area .counties label {
888
+ margin-bottom: 2px;
889
+ }
890
+
891
+ .approval-requirements-area .block-title {
892
+ font-size: 18px;
893
+ }
894
+ .approval-requirements-area .block-title img {
895
+ margin-top: -4px;
896
+ }
897
+ .month-stats {
898
+ margin-bottom: 0 !important;
899
+ }
900
+ .month-stats .month {
901
+ width: 8.33%;
902
+ margin-bottom: 0;
903
+ font-size: 10px;
904
+ text-align: center;
905
+ }
906
+ .month-stats .month-chart {
907
+ width: 8.33%;
908
+ margin-bottom: 0;
909
+ }
910
+
911
+ .month-stats .month-chart .progress.vertical {
912
+ width: 100%;
913
+ min-height: 60px;
914
+ background-color: transparent;
915
+ display: -webkit-box;
916
+ display: -ms-flexbox;
917
+ display: -webkit-flex;
918
+ display: flex;
919
+ align-items: flex-end;
920
+ -webkit-align-items: flex-end;
921
+ padding: 0 3px;
922
+ }
923
+
924
+ .month-stats .month-chart .progress.vertical .progress-bar {
925
+ width: 100%;
926
+ height: 0;
927
+ -webkit-transition: height 0.6s ease;
928
+ -o-transition: height 0.6s ease;
929
+ transition: height 0.6s ease;
930
+ background-color: #007bff;
931
+ margin-bottom: 0;
932
+ border-radius: $ui-radius;
933
+ }
934
+
935
+ .new-properties-area .widget .widget-title {
936
+ margin-top: 6px;
937
+ margin-bottom: 6px;
938
+ min-height: 40px;
939
+ }
940
+ .new-properties-area .widget .widget-information {
941
+ margin-top: 4px;
942
+ min-height: 90px;
943
+ }
944
+ .new-properties-area .widget .widget-information div {
945
+ margin-bottom: 2px;
946
+ }
947
+ .new-properties-area .widget .widget-subtitle {
948
+ font-size: 16px;
949
+ }
950
+ .new-properties-area .widget .phase-number {
951
+ background-color: $ui_back;
952
+ border-radius: 50%;
953
+ width: 18px;
954
+ height: 18px;
955
+ color: $ui_white;
956
+ text-align: center;
957
+ display: block;
958
+ float: left;
959
+ position: relative;
960
+ margin-right: 4px;
961
+ }
962
+ .new-properties-area .widget .phase-number.phase-questionable {
963
+ background-color: #FAC15F !important;
964
+ color: $ui_back;
965
+ }
966
+ .new-properties-area .widget .phase-number.phase-pass {
967
+ background-color: #528DE9 !important;
968
+ }
969
+ .new-properties-area .widget .phase-number.phase-offmarket,
970
+ .new-properties-area .widget .phase-number.phase-reject {
971
+ background-color: #FF411D !important;
972
+ }
973
+
974
+ .block-stats-area .select-filters select {
975
+ margin-right: 10px;
976
+ }
977
+ .block-stats-area .with-select select {
978
+ float: right;
979
+ }
980
+ .block-stats-area .content-right {
981
+ padding-right: 0;
982
+ }
983
+ .block-stats-area .content-right select {
984
+ float: right;
985
+ }
986
+ .block-stats-area .btn.btn-success,
987
+ .block-stats-area .btn.btn-alternative {
988
+ margin-bottom: 0 !important;
989
+ }
990
+
991
+ .search-area {
992
+ display: block;
993
+ position: relative;
994
+ width: 100%;
995
+ margin-bottom: 30px;
996
+ }
997
+ .search-area .search-lp {
998
+ height: 50px;
999
+ -webkit-border-top-right-radius: 0px;
1000
+ -webkit-border-bottom-right-radius: 0px;
1001
+ -moz-border-radius-topright: 0px;
1002
+ -moz-border-radius-bottomright: 0px;
1003
+ border-top-right-radius: 0px;
1004
+ border-bottom-right-radius: 0px;
1005
+ }
1006
+ .search-area button {
1007
+ height: 50px;
1008
+ -webkit-border-top-left-radius: 0px;
1009
+ -webkit-border-bottom-left-radius: 0px;
1010
+ -moz-border-radius-topleft: 0px;
1011
+ -moz-border-radius-bottomleft: 0px;
1012
+ border-top-left-radius: 0px;
1013
+ border-bottom-left-radius: 0px;
1014
+ height: 50px;
1015
+ padding: 5px;
1016
+ }
1017
+ .search-area button.btn-primary {
1018
+ background-color: #EEF2F7 !important;
1019
+ font-size: 16px;
1020
+ border: 1px solid #D9D9D9;
1021
+ color: #AFAFAF;
1022
+ text-align: center;
1023
+ }
1024
+ .search-area button img {
1025
+ width: -moz-available;
1026
+ width: -webkit-fill-available;
1027
+ width: fill-available;
1028
+ max-width: 35px;
1029
+ }
1030
+
1031
+ .compared-area {
1032
+ font-size: 14px;
1033
+ }
1034
+ .compared-area .compared-to select {
1035
+ width: 100px;
1036
+ min-width: auto;
1037
+ margin-right: 10px;
1038
+ }
1039
+ .compared-area label {
1040
+ margin-bottom: 0;
1041
+ }
1042
+
1043
+ .daily-stats .daily-widget {
1044
+ min-height: auto;
1045
+ padding: 15px 20px 25px 20px;
1046
+ margin-bottom: 30px;
1047
+ }
1048
+ .daily-stats .daily-widget_last-child {
1049
+ margin-bottom: 0px;
1050
+ }
1051
+ .daily-stats .daily-widget .title-data {
1052
+ display: block;
1053
+ position: relative;
1054
+ width: 100%;
1055
+ margin: 6px 0 -4px 0;
1056
+ }
1057
+ .daily-stats .daily-widget .subtitle-data {
1058
+ font-size: 10px;
1059
+ }
1060
+ .daily-stats .phase {
1061
+ font-size: 12px;
1062
+ }
1063
+ .daily-stats .widget .widget-title {
1064
+ min-height: auto;
1065
+ }
1066
+ .daily-stats .quick-links .widget a {
1067
+ display: block;
1068
+ width: 100%;
1069
+ left: 0;
1070
+ right: 0;
1071
+ top: 0;
1072
+ bottom: 0;
1073
+ color: #000;
709
1074
  }
@@ -280,4 +280,187 @@ $lg-paddingbottom: 60px;
280
280
  }
281
281
  .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:hover {
282
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"]#swipe, input[type="checkbox"]#swipe {
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
+ }
283
466
  }
@@ -19,6 +19,7 @@ $sizes: map-merge(
19
19
  55: 55%,
20
20
  60: 60%,
21
21
  65: 65%,
22
+ 66: 66%,
22
23
  70: 50%,
23
24
  75: 75%,
24
25
  80: 80%,
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.5"
2
+ VERSION = "0.9"
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.5'
4
+ version: '0.9'
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-29 00:00:00.000000000 Z
11
+ date: 2021-08-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails