coveragebook_components 0.6.5 → 0.7.1
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 +110 -3
- data/app/assets/build/coco/app.js +185 -102
- data/app/assets/build/coco/book.css +131 -2
- data/app/assets/build/coco/book.js +168 -85
- data/app/components/coco/app/elements/snackbar/snackbar.css +1 -1
- data/app/components/coco/base/button/button.css +1 -1
- data/app/components/coco/base/icon/icon.css +1 -1
- data/app/components/coco/base/modal/modal.css +21 -0
- data/app/components/coco/base/modal/modal.html.erb +25 -0
- data/app/components/coco/base/modal/modal.js +54 -0
- data/app/components/coco/base/modal/modal.rb +52 -0
- data/app/components/coco/base/modal_dialog/modal_dialog.css +28 -0
- data/app/components/coco/base/modal_dialog/modal_dialog.html.erb +19 -0
- data/app/components/coco/base/modal_dialog/modal_dialog.js +36 -0
- data/app/components/coco/base/modal_dialog/modal_dialog.rb +27 -0
- data/app/helpers/coco/base_helper.rb +39 -12
- data/lib/coco/engine.rb +1 -0
- data/lib/coco.rb +1 -1
- metadata +24 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a9f2109c2b353d4f4d3eda5254ab502c3b6d09a3decb653969221a533bb6a322
|
4
|
+
data.tar.gz: 7a07779c43844005785c0085cea3c3b488bbf09d13af3476089c10718159e546
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 96ad0fcc7aa6248448b4d737c34eed1f95440fa22b64dc4348cc125f7db84b166c6de375383a668b106b8fa9b97cb011dc317d367e3ce1e382faba6eecb8655f
|
7
|
+
data.tar.gz: a5eb991e495f26a598ec8d12975d48c00b00ec7e92e57497c00387886abb3af685da5f0cffa685d82b8b173c600df31bb193595ec1700e03df1ba08edeb1b754
|
@@ -713,7 +713,7 @@ select{
|
|
713
713
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
714
714
|
border-color: rgba(0, 12, 39, 0.1)}
|
715
715
|
[data-coco].coco-button{
|
716
|
-
display:
|
716
|
+
display: flex;
|
717
717
|
width: auto;
|
718
718
|
flex: none;
|
719
719
|
-webkit-user-select: none;
|
@@ -813,7 +813,7 @@ select{
|
|
813
813
|
height: 100%;
|
814
814
|
width: 100%}
|
815
815
|
[data-coco][data-component="icon"]{
|
816
|
-
display:
|
816
|
+
display: flex;
|
817
817
|
height: 1.5rem;
|
818
818
|
width: 1.5rem;
|
819
819
|
flex: none;
|
@@ -889,6 +889,113 @@ select{
|
|
889
889
|
margin-right: 0.4em}
|
890
890
|
[data-coco].coco-link[data-icon-position="end"] [data-component="icon"]{
|
891
891
|
order: 2}
|
892
|
+
[data-coco][data-component="modal"]{
|
893
|
+
position: fixed;
|
894
|
+
inset: 0px;
|
895
|
+
z-index: 10000;
|
896
|
+
overflow-y: auto}
|
897
|
+
[data-coco][data-component="modal"] .modal-overlay{
|
898
|
+
position: fixed;
|
899
|
+
inset: 0px;
|
900
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
901
|
+
--tw-bg-opacity: 0.6}
|
902
|
+
[data-coco][data-component="modal"] .modal-container{
|
903
|
+
position: relative;
|
904
|
+
z-index: 10000;
|
905
|
+
display: flex;
|
906
|
+
min-height: 100vh;
|
907
|
+
align-items: center;
|
908
|
+
justify-content: center;
|
909
|
+
padding: 0.5rem}
|
910
|
+
@media (min-width: 576px){
|
911
|
+
|
912
|
+
[data-coco][data-component="modal"] .modal-container{
|
913
|
+
padding: 2rem}}
|
914
|
+
[data-coco][data-component="modal"] .modal-content{
|
915
|
+
display: contents}
|
916
|
+
.modal-frame{
|
917
|
+
display: contents}
|
918
|
+
[data-coco][data-component="modal-dialog"]{
|
919
|
+
width: 100%;
|
920
|
+
border-radius: 0.75rem;
|
921
|
+
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
922
|
+
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
923
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
924
|
+
max-width: 42rem}
|
925
|
+
/* temp until sizes added */
|
926
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-header{
|
927
|
+
position: relative;
|
928
|
+
display: flex;
|
929
|
+
align-items: center;
|
930
|
+
justify-content: center;
|
931
|
+
height: 3.5rem;
|
932
|
+
border-top-left-radius: 0.75rem;
|
933
|
+
border-top-right-radius: 0.75rem;
|
934
|
+
border-bottom-width: 1px;
|
935
|
+
--tw-border-opacity: 1;
|
936
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
937
|
+
--tw-bg-opacity: 1;
|
938
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
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}}
|
947
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-title{
|
948
|
+
width: 100%;
|
949
|
+
overflow: hidden;
|
950
|
+
text-overflow: ellipsis;
|
951
|
+
white-space: nowrap;
|
952
|
+
padding-right: 1.5rem;
|
953
|
+
font-size: 1.125rem;
|
954
|
+
line-height: 1.75rem;
|
955
|
+
font-weight: 600}
|
956
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-close{
|
957
|
+
position: absolute;
|
958
|
+
top: 50%;
|
959
|
+
right: 0.25rem;
|
960
|
+
display: block;
|
961
|
+
flex: none;
|
962
|
+
--tw-translate-y: -50%;
|
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));
|
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{
|
970
|
+
--tw-text-opacity: 1;
|
971
|
+
color: rgb(156 163 175 / var(--tw-text-opacity))}
|
972
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-close:hover{
|
973
|
+
--tw-text-opacity: 1;
|
974
|
+
color: rgb(31 41 55 / var(--tw-text-opacity))}
|
975
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-close:focus{
|
976
|
+
outline: 2px solid transparent;
|
977
|
+
outline-offset: 2px;
|
978
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
979
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
980
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
|
981
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-content{
|
982
|
+
border-radius: 0.75rem;
|
983
|
+
--tw-bg-opacity: 1;
|
984
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
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}}
|
996
|
+
[data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content{
|
997
|
+
border-top-left-radius: 0px;
|
998
|
+
border-top-right-radius: 0px}
|
892
999
|
[data-coco][data-component="placeholder"]{
|
893
1000
|
border-width: 1px;
|
894
1001
|
border-style: dashed;
|
@@ -3128,7 +3235,7 @@ select{
|
|
3128
3235
|
left: 50%;
|
3129
3236
|
--tw-translate-x: -50%;
|
3130
3237
|
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));
|
3131
|
-
z-index:
|
3238
|
+
z-index: 10001}
|
3132
3239
|
/* Themes */
|
3133
3240
|
[data-coco][data-component="app-snackbar"][data-theme="positive"] .snackbar-icon{
|
3134
3241
|
--tw-text-opacity: 1;
|