avo 2.11.2.pre.3 → 2.11.3.pre.3

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of avo might be problematic. Click here for more details.

Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/app/assets/stylesheets/avo.css +1 -0
  4. data/app/assets/stylesheets/css/scrollbar.css +30 -0
  5. data/app/components/avo/card_component.html.erb +8 -8
  6. data/app/components/avo/cards_list_component.html.erb +16 -0
  7. data/app/components/avo/cards_list_component.rb +13 -0
  8. data/app/components/avo/paginator_component.html.erb +35 -33
  9. data/app/components/avo/paginator_component.rb +3 -1
  10. data/app/components/avo/sidebar_component.html.erb +2 -2
  11. data/app/components/avo/tab_switcher_component.html.erb +1 -1
  12. data/app/components/avo/views/resource_edit_component.rb +20 -0
  13. data/app/components/avo/views/resource_index_component.html.erb +98 -50
  14. data/app/components/avo/views/resource_show_component.html.erb +11 -5
  15. data/app/controllers/avo/application_controller.rb +3 -2
  16. data/app/controllers/avo/associations_controller.rb +1 -1
  17. data/app/controllers/avo/base_controller.rb +15 -10
  18. data/app/controllers/avo/cards_controller.rb +18 -5
  19. data/app/controllers/avo/dashboards_controller.rb +4 -2
  20. data/app/javascript/avo.js +1 -1
  21. data/app/javascript/js/controllers/{dashboard_card_controller.js → card_controller.js} +0 -0
  22. data/app/javascript/js/controllers/fields/date_field_controller.js +7 -3
  23. data/app/javascript/js/controllers.js +2 -2
  24. data/app/views/avo/cards/_metric_card.html.erb +2 -2
  25. data/app/views/avo/dashboards/show.html.erb +2 -19
  26. data/app/views/layouts/avo/application.html.erb +1 -1
  27. data/config/routes.rb +3 -0
  28. data/lib/avo/base_card.rb +40 -21
  29. data/lib/avo/base_resource.rb +1 -0
  30. data/lib/avo/concerns/has_cards.rb +88 -0
  31. data/lib/avo/concerns/styles_cards.rb +48 -0
  32. data/lib/avo/dashboards/base_dashboard.rb +15 -50
  33. data/lib/avo/dashboards/base_divider.rb +5 -1
  34. data/lib/avo/dashboards/chartkick_card.rb +5 -4
  35. data/lib/avo/fields/base_field.rb +2 -6
  36. data/lib/avo/fields/date_time_field.rb +2 -2
  37. data/lib/avo/fields/field_extensions/visible_in_different_views.rb +12 -1
  38. data/lib/avo/fields/has_base_field.rb +2 -0
  39. data/lib/avo/hosts/dashboard_card.rb +1 -1
  40. data/lib/avo/tab.rb +3 -1
  41. data/lib/avo/version.rb +1 -1
  42. data/lib/generators/avo/templates/cards/partial_card_partial.tt +1 -1
  43. data/public/avo-assets/avo.css +125 -34
  44. data/public/avo-assets/avo.js +7 -7
  45. data/public/avo-assets/avo.js.map +3 -3
  46. metadata +8 -3
@@ -4536,6 +4536,45 @@ input[type=file][data-direct-upload-url][disabled] {
4536
4536
  display: none;
4537
4537
  }
4538
4538
 
4539
+ /* total width */
4540
+
4541
+ body.os-pc .mac-styled-scrollbar::-webkit-scrollbar {
4542
+ background-color: none;
4543
+ width: 0.5rem;
4544
+ height: 0.5rem;
4545
+ }
4546
+
4547
+ /* background of the scrollbar except button or resizer */
4548
+
4549
+ body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-track {
4550
+ background-color: none;
4551
+ }
4552
+
4553
+ /* scrollbar itself */
4554
+
4555
+ body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-thumb {
4556
+ background-color: #babac0;
4557
+ border-radius: 0.5rem;
4558
+ }
4559
+
4560
+ /* set button(top and bottom of the scrollbar) */
4561
+
4562
+ body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-button {
4563
+ display:none;
4564
+ }
4565
+
4566
+ /* hide by default */
4567
+
4568
+ body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-thumb {
4569
+ display:none
4570
+ }
4571
+
4572
+ /* show on hover */
4573
+
4574
+ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
4575
+ display:block
4576
+ }
4577
+
4539
4578
  .application-sidebar .active:hover, .application-sidebar .active{
4540
4579
  --tw-bg-opacity:1;
4541
4580
  background-color:rgb(206 231 248 / var(--tw-bg-opacity));
@@ -6320,6 +6359,30 @@ trix-editor .attachment__metadata .attachment__size {
6320
6359
  grid-column:1 / -1
6321
6360
  }
6322
6361
 
6362
+ .row-span-1{
6363
+ grid-row:span 1 / span 1
6364
+ }
6365
+
6366
+ .row-span-2{
6367
+ grid-row:span 2 / span 2
6368
+ }
6369
+
6370
+ .row-span-3{
6371
+ grid-row:span 3 / span 3
6372
+ }
6373
+
6374
+ .row-span-4{
6375
+ grid-row:span 4 / span 4
6376
+ }
6377
+
6378
+ .row-span-5{
6379
+ grid-row:span 5 / span 5
6380
+ }
6381
+
6382
+ .row-span-6{
6383
+ grid-row:span 6 / span 6
6384
+ }
6385
+
6323
6386
  .float-right{
6324
6387
  float:right
6325
6388
  }
@@ -6516,6 +6579,10 @@ trix-editor .attachment__metadata .attachment__size {
6516
6579
  margin-top:1.5rem
6517
6580
  }
6518
6581
 
6582
+ .mb-6{
6583
+ margin-bottom:1.5rem
6584
+ }
6585
+
6519
6586
  .mr-px{
6520
6587
  margin-right:1px
6521
6588
  }
@@ -6568,30 +6635,6 @@ trix-editor .attachment__metadata .attachment__size {
6568
6635
  aspect-ratio:1 / 1
6569
6636
  }
6570
6637
 
6571
- .h-36{
6572
- height:9rem
6573
- }
6574
-
6575
- .h-72{
6576
- height:18rem
6577
- }
6578
-
6579
- .h-\[27rem\]{
6580
- height:27rem
6581
- }
6582
-
6583
- .h-\[36rem\]{
6584
- height:36rem
6585
- }
6586
-
6587
- .h-\[45rem\]{
6588
- height:45rem
6589
- }
6590
-
6591
- .h-\[54rem\]{
6592
- height:54rem
6593
- }
6594
-
6595
6638
  .h-5{
6596
6639
  height:1.25rem
6597
6640
  }
@@ -6656,6 +6699,30 @@ trix-editor .attachment__metadata .attachment__size {
6656
6699
  max-height:100%
6657
6700
  }
6658
6701
 
6702
+ .min-h-\[8rem\]{
6703
+ min-height:8rem
6704
+ }
6705
+
6706
+ .min-h-\[16rem\]{
6707
+ min-height:16rem
6708
+ }
6709
+
6710
+ .min-h-\[24rem\]{
6711
+ min-height:24rem
6712
+ }
6713
+
6714
+ .min-h-\[32rem\]{
6715
+ min-height:32rem
6716
+ }
6717
+
6718
+ .min-h-\[40rem\]{
6719
+ min-height:40rem
6720
+ }
6721
+
6722
+ .min-h-\[48rem\]{
6723
+ min-height:48rem
6724
+ }
6725
+
6659
6726
  .min-h-24{
6660
6727
  min-height:6rem
6661
6728
  }
@@ -7337,6 +7404,11 @@ trix-editor .attachment__metadata .attachment__size {
7337
7404
  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
7338
7405
  }
7339
7406
 
7407
+ .bg-application{
7408
+ --tw-bg-opacity:1;
7409
+ background-color:rgb(246 246 247 / var(--tw-bg-opacity))
7410
+ }
7411
+
7340
7412
  .bg-red-400{
7341
7413
  --tw-bg-opacity:1;
7342
7414
  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
@@ -7367,11 +7439,6 @@ trix-editor .attachment__metadata .attachment__size {
7367
7439
  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
7368
7440
  }
7369
7441
 
7370
- .bg-application{
7371
- --tw-bg-opacity:1;
7372
- background-color:rgb(229 235 240 / var(--tw-bg-opacity))
7373
- }
7374
-
7375
7442
  .bg-gray-50{
7376
7443
  --tw-bg-opacity:1;
7377
7444
  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
@@ -7855,6 +7922,11 @@ trix-editor .attachment__metadata .attachment__size {
7855
7922
  color:rgb(30 41 59 / var(--tw-text-opacity))
7856
7923
  }
7857
7924
 
7925
+ .text-gray-800{
7926
+ --tw-text-opacity:1;
7927
+ color:rgb(47 50 55 / var(--tw-text-opacity))
7928
+ }
7929
+
7858
7930
  .text-red-600{
7859
7931
  --tw-text-opacity:1;
7860
7932
  color:rgb(220 38 38 / var(--tw-text-opacity))
@@ -7890,11 +7962,6 @@ trix-editor .attachment__metadata .attachment__size {
7890
7962
  color:rgb(51 65 85 / var(--tw-text-opacity))
7891
7963
  }
7892
7964
 
7893
- .text-gray-800{
7894
- --tw-text-opacity:1;
7895
- color:rgb(47 50 55 / var(--tw-text-opacity))
7896
- }
7897
-
7898
7965
  .text-green-600{
7899
7966
  --tw-text-opacity:1;
7900
7967
  color:rgb(22 163 74 / var(--tw-text-opacity))
@@ -8813,6 +8880,30 @@ trix-editor {
8813
8880
  grid-column:span 6 / span 6
8814
8881
  }
8815
8882
 
8883
+ .sm\:row-span-1{
8884
+ grid-row:span 1 / span 1
8885
+ }
8886
+
8887
+ .sm\:row-span-2{
8888
+ grid-row:span 2 / span 2
8889
+ }
8890
+
8891
+ .sm\:row-span-3{
8892
+ grid-row:span 3 / span 3
8893
+ }
8894
+
8895
+ .sm\:row-span-4{
8896
+ grid-row:span 4 / span 4
8897
+ }
8898
+
8899
+ .sm\:row-span-5{
8900
+ grid-row:span 5 / span 5
8901
+ }
8902
+
8903
+ .sm\:row-span-6{
8904
+ grid-row:span 6 / span 6
8905
+ }
8906
+
8816
8907
  .sm\:block{
8817
8908
  display:block
8818
8909
  }