coveragebook_components 0.7.0 → 0.7.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +32 -10
  3. data/app/assets/build/coco/app.js +136 -309
  4. data/app/assets/build/coco/book.css +40 -9
  5. data/app/assets/build/coco/book.js +143 -185
  6. data/app/assets/js/coco.js +2 -30
  7. data/app/assets/js/{base/mixins → libs/alpine/directives}/undo.js +12 -13
  8. data/app/assets/js/libs/alpine/index.js +15 -13
  9. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +2 -1
  10. data/app/components/coco/app/blocks/slide_editor/slide_editor.js +0 -3
  11. data/app/components/coco/app/elements/color_picker/color_picker.js +0 -2
  12. data/app/components/coco/app/elements/image_picker/image_picker.js +0 -2
  13. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.html.erb +2 -1
  14. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.js +1 -7
  15. data/app/components/coco/app/elements/snackbar/snackbar.js +0 -2
  16. data/app/components/coco/app/elements/toast/toast.js +0 -2
  17. data/app/components/coco/base/button/button.js +0 -2
  18. data/app/components/coco/base/dropdown/dropdown.js +1 -3
  19. data/app/components/coco/base/modal/modal.css +1 -1
  20. data/app/components/coco/base/modal_dialog/modal_dialog.css +3 -3
  21. data/app/helpers/coco/base_helper.rb +2 -2
  22. data/app/helpers/coco/url_helper.rb +2 -2
  23. data/lib/coco.rb +1 -1
  24. metadata +9 -18
  25. data/app/assets/js/app/mixins/dropdown.js +0 -18
  26. data/app/assets/js/app/mixins/index.js +0 -3
  27. data/app/assets/js/base/mixins/attr-observer.js +0 -54
  28. data/app/assets/js/base/mixins/attrs.js +0 -58
  29. data/app/assets/js/base/mixins/dropdown.js +0 -69
  30. data/app/assets/js/base/mixins/index.js +0 -17
  31. data/app/assets/js/base/mixins/options.js +0 -76
  32. data/app/assets/js/base/mixins/size-observer.js +0 -34
  33. data/app/assets/js/base/mixins/tooltip.js +0 -81
  34. /data/app/assets/js/libs/alpine/{plugins → directives}/destroy.js +0 -0
  35. /data/app/assets/js/libs/alpine/{plugins → directives}/dimensions.js +0 -0
  36. /data/app/assets/js/libs/alpine/{plugins → directives}/dropdown.js +0 -0
  37. /data/app/assets/js/libs/alpine/{plugins → directives}/notification.js +0 -0
  38. /data/app/assets/js/libs/alpine/{plugins → directives}/options.js +0 -0
  39. /data/app/assets/js/libs/alpine/{plugins → directives}/tooltip.js +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4dc42bc5e7061bfc79b3da382555c657fd17cd569fca5182a2a876f43f2c762c
4
- data.tar.gz: 8f45a22450c56e92bb481350475c49742c3033c3ce15f49639c4f62ec99dbdae
3
+ metadata.gz: 56e96bf21cb8437a062de0f41591fa2368d9ac92ff5e9dbf04f43601807f298c
4
+ data.tar.gz: 7e7cf02e0e22797765a93794e8ec6f6530b6796ba912b8c12c3c9338c995cc2b
5
5
  SHA512:
6
- metadata.gz: c1190d6eee29aab8ac6b51408d53cdf85430df820be5aca3fab0ed1b0f7b9eca6047b32d07146aaaa7c39b524348cd7738abbd07341fe94a2fe46b340ceef56e
7
- data.tar.gz: c21c7fe578a3ae71ce9ef295fe72c86a533765e9885f2aeebe9363356f1c3dd96fd3b81209264a133ffe7fa5c348a20df1333223fec0dcb1e624cf4a1e3b0a91
6
+ metadata.gz: 0d83add134a2d60eb2ce75818286274a2241f8fa63b384c85c3c50c8e8c0d4b9d25bedeacbe8225190680da26ec48f1200d6b0bc6fbda03f8f08487b11be877b
7
+ data.tar.gz: 89075553adbaefe4f6c4e620507791b54adcaff30f8038a3d4f06d03d7b14d7e5c725085f8f06e844b8463855fdd243ba4b9f811b98a168bc9f38367f51e488e
data/app/assets/build/coco/app.css CHANGED
@@ -906,7 +906,11 @@ select{
906
906
  min-height: 100vh;
907
907
  align-items: center;
908
908
  justify-content: center;
909
- padding: 2rem}
909
+ padding: 0.5rem}
910
+ @media (min-width: 576px){
911
+
912
+ [data-coco][data-component="modal"] .modal-container{
913
+ padding: 2rem}}
910
914
  [data-coco][data-component="modal"] .modal-content{
911
915
  display: contents}
912
916
  .modal-frame{
@@ -924,7 +928,7 @@ select{
924
928
  display: flex;
925
929
  align-items: center;
926
930
  justify-content: center;
927
- height: 4rem;
931
+ height: 3.5rem;
928
932
  border-top-left-radius: 0.75rem;
929
933
  border-top-right-radius: 0.75rem;
930
934
  border-bottom-width: 1px;
@@ -932,8 +936,14 @@ select{
932
936
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
933
937
  --tw-bg-opacity: 1;
934
938
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
935
- padding-left: 2rem;
936
- padding-right: 2rem}
939
+ padding-left: 1rem;
940
+ padding-right: 1rem}
941
+ @media (min-width: 576px){
942
+
943
+ [data-coco][data-component="modal-dialog"] .modal-dialog-header{
944
+ height: 4rem;
945
+ padding-left: 2rem;
946
+ padding-right: 2rem}}
937
947
  [data-coco][data-component="modal-dialog"] .modal-dialog-title{
938
948
  width: 100%;
939
949
  overflow: hidden;
@@ -946,12 +956,17 @@ select{
946
956
  [data-coco][data-component="modal-dialog"] .modal-dialog-close{
947
957
  position: absolute;
948
958
  top: 50%;
949
- right: 0.75rem;
959
+ right: 0.25rem;
950
960
  display: block;
951
961
  flex: none;
952
962
  --tw-translate-y: -50%;
953
963
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
954
- padding: 0.5rem;
964
+ padding: 0.5rem}
965
+ @media (min-width: 576px){
966
+
967
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
968
+ right: 0.75rem}}
969
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
955
970
  --tw-text-opacity: 1;
956
971
  color: rgb(156 163 175 / var(--tw-text-opacity))}
957
972
  [data-coco][data-component="modal-dialog"] .modal-dialog-close:hover{
@@ -967,10 +982,17 @@ select{
967
982
  border-radius: 0.75rem;
968
983
  --tw-bg-opacity: 1;
969
984
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
970
- padding-left: 2rem;
971
- padding-right: 2rem;
972
- padding-top: 1.5rem;
973
- padding-bottom: 1.5rem}
985
+ padding-left: 1rem;
986
+ padding-right: 1rem;
987
+ padding-top: 1rem;
988
+ padding-bottom: 1rem}
989
+ @media (min-width: 576px){
990
+
991
+ [data-coco][data-component="modal-dialog"] .modal-dialog-content{
992
+ padding-left: 2rem;
993
+ padding-right: 2rem;
994
+ padding-top: 1.5rem;
995
+ padding-bottom: 1.5rem}}
974
996
  [data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content{
975
997
  border-top-left-radius: 0px;
976
998
  border-top-right-radius: 0px}