coveragebook_components 0.7.3 → 0.7.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/build/coco/app.css +133 -2
- data/app/assets/build/coco/app.js +177 -109
- data/app/assets/build/coco/book.css +164 -1
- data/app/assets/build/coco/book.js +158 -89
- data/app/assets/css/libs/tippy.css +4 -0
- data/app/components/coco/base/modal/modal.css +55 -1
- data/app/components/coco/base/modal/modal.html.erb +2 -2
- data/app/components/coco/base/modal/modal.js +41 -2
- data/app/components/coco/base/modal/modal.rb +14 -8
- data/app/components/coco/base/modal_dialog/modal_dialog.css +1 -1
- data/app/components/coco/base/modal_dialog/modal_dialog.js +1 -1
- data/app/components/coco/base/modal_lightbox/modal_lightbox.css +35 -0
- data/app/components/coco/base/modal_lightbox/modal_lightbox.html.erb +13 -0
- data/app/components/coco/base/modal_lightbox/modal_lightbox.js +35 -0
- data/app/components/coco/base/modal_lightbox/modal_lightbox.rb +19 -0
- data/app/helpers/coco/app_helper.rb +7 -3
- data/app/helpers/coco/base_helper.rb +7 -1
- data/lib/coco.rb +1 -1
- metadata +6 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: dd6cce7716db3721e8b2b4d18197edccf01a61f6b774bcd7bcc617c1ca540cc3
|
4
|
+
data.tar.gz: 29b917a7dfe85bb957b1c1525ed699c87ec3c72b748a4025089407ec604f234c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5024029f8df75a0679d6844a2386fefa2d448627e7b54140849be30c41a9a9fd00fccb30401ecdfd8c272292121bd97196c12cc41a8083eebe887fdfa16c9ac7
|
7
|
+
data.tar.gz: c4d39cfba3af10feffe5f0c0d947c7668c417b14cce86216137be32381a0d3079adfae2bb03f96db628f89e4920c4f1cb3badf6fc6a849f567eecc22f13c39b9
|
@@ -637,6 +637,8 @@ select{
|
|
637
637
|
--tw-backdrop-opacity: ;
|
638
638
|
--tw-backdrop-saturate: ;
|
639
639
|
--tw-backdrop-sepia: }
|
640
|
+
[data-tippy-root]{
|
641
|
+
z-index: 10010 !important}
|
640
642
|
[data-coco] .tippy-box{
|
641
643
|
white-space: normal;
|
642
644
|
background-color: transparent;
|
@@ -894,7 +896,8 @@ select{
|
|
894
896
|
position: fixed;
|
895
897
|
inset: 0px;
|
896
898
|
z-index: 10000;
|
897
|
-
overflow-y: auto
|
899
|
+
overflow-y: auto;
|
900
|
+
scroll-behavior: smooth}
|
898
901
|
[data-coco][data-component="modal"] .modal-overlay{
|
899
902
|
position: fixed;
|
900
903
|
inset: 0px;
|
@@ -914,6 +917,69 @@ select{
|
|
914
917
|
padding: 2rem}}
|
915
918
|
[data-coco][data-component="modal"] .modal-content{
|
916
919
|
display: contents}
|
920
|
+
/* transitions */
|
921
|
+
[data-coco][data-component="modal"] .modal-overlay.overlay-enter{
|
922
|
+
transition-duration: 200ms;
|
923
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
|
924
|
+
[data-coco][data-component="modal"] .modal-overlay.overlay-enter-start{
|
925
|
+
opacity: 0}
|
926
|
+
[data-coco][data-component="modal"] .modal-overlay.overlay-enter-end{
|
927
|
+
opacity: 1}
|
928
|
+
[data-coco][data-component="modal"] .modal-overlay.overlay-leave{
|
929
|
+
transition-duration: 150ms;
|
930
|
+
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)}
|
931
|
+
[data-coco][data-component="modal"] .modal-overlay.overlay-leave-start{
|
932
|
+
opacity: 1}
|
933
|
+
[data-coco][data-component="modal"] .modal-overlay.overlay-leave-end{
|
934
|
+
opacity: 0}
|
935
|
+
[data-coco][data-component="modal"] .modal-container.container-enter{
|
936
|
+
transition-duration: 400ms;
|
937
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
|
938
|
+
[data-coco][data-component="modal"] .modal-container.container-enter-start{
|
939
|
+
--tw-translate-y: 1rem;
|
940
|
+
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));
|
941
|
+
opacity: 0}
|
942
|
+
@media (min-width: 576px){
|
943
|
+
|
944
|
+
[data-coco][data-component="modal"] .modal-container.container-enter-start{
|
945
|
+
--tw-translate-y: 0px;
|
946
|
+
--tw-scale-x: .95;
|
947
|
+
--tw-scale-y: .95;
|
948
|
+
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))}}
|
949
|
+
[data-coco][data-component="modal"] .modal-container.container-enter-end{
|
950
|
+
--tw-translate-y: 0px;
|
951
|
+
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));
|
952
|
+
opacity: 1}
|
953
|
+
@media (min-width: 576px){
|
954
|
+
|
955
|
+
[data-coco][data-component="modal"] .modal-container.container-enter-end{
|
956
|
+
--tw-scale-x: 1;
|
957
|
+
--tw-scale-y: 1;
|
958
|
+
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))}}
|
959
|
+
[data-coco][data-component="modal"] .modal-container.container-leave{
|
960
|
+
transition-duration: 150ms;
|
961
|
+
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)}
|
962
|
+
[data-coco][data-component="modal"] .modal-container.container-leave-start{
|
963
|
+
--tw-translate-y: 0px;
|
964
|
+
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));
|
965
|
+
opacity: 1}
|
966
|
+
@media (min-width: 576px){
|
967
|
+
|
968
|
+
[data-coco][data-component="modal"] .modal-container.container-leave-start{
|
969
|
+
--tw-scale-x: 1;
|
970
|
+
--tw-scale-y: 1;
|
971
|
+
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))}}
|
972
|
+
[data-coco][data-component="modal"] .modal-container.container-leave-end{
|
973
|
+
--tw-translate-y: 1rem;
|
974
|
+
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));
|
975
|
+
opacity: 0}
|
976
|
+
@media (min-width: 576px){
|
977
|
+
|
978
|
+
[data-coco][data-component="modal"] .modal-container.container-leave-end{
|
979
|
+
--tw-translate-y: 0px;
|
980
|
+
--tw-scale-x: .95;
|
981
|
+
--tw-scale-y: .95;
|
982
|
+
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))}}
|
917
983
|
.modal-frame{
|
918
984
|
display: contents}
|
919
985
|
[data-coco][data-component="modal-dialog"]{
|
@@ -928,7 +994,6 @@ select{
|
|
928
994
|
position: relative;
|
929
995
|
display: flex;
|
930
996
|
align-items: center;
|
931
|
-
justify-content: center;
|
932
997
|
height: 3.5rem;
|
933
998
|
border-top-left-radius: 0.75rem;
|
934
999
|
border-top-right-radius: 0.75rem;
|
@@ -997,6 +1062,72 @@ select{
|
|
997
1062
|
[data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content{
|
998
1063
|
border-top-left-radius: 0px;
|
999
1064
|
border-top-right-radius: 0px}
|
1065
|
+
[data-coco][data-component="modal-lightbox"]{
|
1066
|
+
position: relative;
|
1067
|
+
width: -moz-fit-content;
|
1068
|
+
width: fit-content}
|
1069
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
|
1070
|
+
position: absolute;
|
1071
|
+
right: -0.375rem;
|
1072
|
+
top: -0.375rem;
|
1073
|
+
z-index: 20;
|
1074
|
+
flex: none;
|
1075
|
+
border-radius: 9999px;
|
1076
|
+
padding: 0.5rem;
|
1077
|
+
transition-property: all;
|
1078
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
1079
|
+
transition-duration: 150ms}
|
1080
|
+
@media (min-width: 576px){
|
1081
|
+
|
1082
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
|
1083
|
+
right: -1rem;
|
1084
|
+
top: -1rem}}
|
1085
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
|
1086
|
+
--tw-bg-opacity: 1;
|
1087
|
+
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
1088
|
+
--tw-text-opacity: 1;
|
1089
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
1090
|
+
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
1091
|
+
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
1092
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
|
1093
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-close:focus{
|
1094
|
+
outline: 2px solid transparent;
|
1095
|
+
outline-offset: 2px;
|
1096
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
1097
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
1098
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
|
1099
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-content{
|
1100
|
+
position: relative;
|
1101
|
+
min-height: 100px;
|
1102
|
+
min-width: 100px;
|
1103
|
+
overflow: hidden;
|
1104
|
+
border-radius: 0.75rem;
|
1105
|
+
width: -moz-fit-content;
|
1106
|
+
width: fit-content}
|
1107
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-loader{
|
1108
|
+
position: absolute;
|
1109
|
+
inset: 0px;
|
1110
|
+
display: flex;
|
1111
|
+
align-items: center;
|
1112
|
+
justify-content: center;
|
1113
|
+
background-color: rgb(0 0 0 / 0.6);
|
1114
|
+
--tw-text-opacity: 1;
|
1115
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
1116
|
+
opacity: 0.7}
|
1117
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-media{
|
1118
|
+
position: relative;
|
1119
|
+
z-index: 10}
|
1120
|
+
[data-coco][data-component="modal-lightbox"] .modal-lightbox-media img {
|
1121
|
+
width: 100%;
|
1122
|
+
}
|
1123
|
+
[data-coco][data-component="modal-lightbox"].\!loaded .modal-lightbox-content{
|
1124
|
+
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
1125
|
+
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
1126
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
|
1127
|
+
[data-coco][data-component="modal-lightbox"].loaded .modal-lightbox-content{
|
1128
|
+
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
1129
|
+
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
1130
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
|
1000
1131
|
[data-coco][data-component="placeholder"]{
|
1001
1132
|
border-width: 1px;
|
1002
1133
|
border-style: dashed;
|