coveragebook_components 0.7.0 → 0.7.1

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.
Files changed (8) 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 +1 -1
  4. data/app/assets/build/coco/book.css +40 -9
  5. data/app/components/coco/base/modal/modal.css +1 -1
  6. data/app/components/coco/base/modal_dialog/modal_dialog.css +3 -3
  7. data/lib/coco.rb +1 -1
  8. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4dc42bc5e7061bfc79b3da382555c657fd17cd569fca5182a2a876f43f2c762c
4
- data.tar.gz: 8f45a22450c56e92bb481350475c49742c3033c3ce15f49639c4f62ec99dbdae
3
+ metadata.gz: a9f2109c2b353d4f4d3eda5254ab502c3b6d09a3decb653969221a533bb6a322
4
+ data.tar.gz: 7a07779c43844005785c0085cea3c3b488bbf09d13af3476089c10718159e546
5
5
  SHA512:
6
- metadata.gz: c1190d6eee29aab8ac6b51408d53cdf85430df820be5aca3fab0ed1b0f7b9eca6047b32d07146aaaa7c39b524348cd7738abbd07341fe94a2fe46b340ceef56e
7
- data.tar.gz: c21c7fe578a3ae71ce9ef295fe72c86a533765e9885f2aeebe9363356f1c3dd96fd3b81209264a133ffe7fa5c348a20df1333223fec0dcb1e624cf4a1e3b0a91
6
+ metadata.gz: 96ad0fcc7aa6248448b4d737c34eed1f95440fa22b64dc4348cc125f7db84b166c6de375383a668b106b8fa9b97cb011dc317d367e3ce1e382faba6eecb8655f
7
+ data.tar.gz: a5eb991e495f26a598ec8d12975d48c00b00ec7e92e57497c00387886abb3af685da5f0cffa685d82b8b173c600df31bb193595ec1700e03df1ba08edeb1b754
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}
data/app/assets/build/coco/app.js CHANGED
@@ -14032,7 +14032,7 @@
14032
14032
  var package_default = {
14033
14033
  name: "coveragebook-components",
14034
14034
  type: "module",
14035
- version: "0.7.0",
14035
+ version: "0.7.1",
14036
14036
  main: "index.js",
14037
14037
  repository: "git@github.com:coveragebook/coco.git",
14038
14038
  author: "Mark Perkins <mark@coveragebook.com>",
data/app/assets/build/coco/book.css CHANGED
@@ -977,7 +977,13 @@ select {
977
977
  min-height: 100vh;
978
978
  align-items: center;
979
979
  justify-content: center;
980
- padding: 2rem;
980
+ padding: 0.5rem;
981
+ }
982
+ @media (min-width: 576px) {
983
+
984
+ [data-coco][data-component="modal"] .modal-container {
985
+ padding: 2rem;
986
+ }
981
987
  }
982
988
  [data-coco][data-component="modal"] .modal-content {
983
989
  display: contents;
@@ -999,7 +1005,7 @@ select {
999
1005
  display: flex;
1000
1006
  align-items: center;
1001
1007
  justify-content: center;
1002
- height: 4rem;
1008
+ height: 3.5rem;
1003
1009
  border-top-left-radius: 0.75rem;
1004
1010
  border-top-right-radius: 0.75rem;
1005
1011
  border-bottom-width: 1px;
@@ -1007,8 +1013,16 @@ select {
1007
1013
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
1008
1014
  --tw-bg-opacity: 1;
1009
1015
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1010
- padding-left: 2rem;
1011
- padding-right: 2rem;
1016
+ padding-left: 1rem;
1017
+ padding-right: 1rem;
1018
+ }
1019
+ @media (min-width: 576px) {
1020
+
1021
+ [data-coco][data-component="modal-dialog"] .modal-dialog-header {
1022
+ height: 4rem;
1023
+ padding-left: 2rem;
1024
+ padding-right: 2rem;
1025
+ }
1012
1026
  }
1013
1027
  [data-coco][data-component="modal-dialog"] .modal-dialog-title {
1014
1028
  width: 100%;
@@ -1023,12 +1037,20 @@ select {
1023
1037
  [data-coco][data-component="modal-dialog"] .modal-dialog-close {
1024
1038
  position: absolute;
1025
1039
  top: 50%;
1026
- right: 0.75rem;
1040
+ right: 0.25rem;
1027
1041
  display: block;
1028
1042
  flex: none;
1029
1043
  --tw-translate-y: -50%;
1030
1044
  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));
1031
1045
  padding: 0.5rem;
1046
+ }
1047
+ @media (min-width: 576px) {
1048
+
1049
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close {
1050
+ right: 0.75rem;
1051
+ }
1052
+ }
1053
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close {
1032
1054
  --tw-text-opacity: 1;
1033
1055
  color: rgb(156 163 175 / var(--tw-text-opacity));
1034
1056
  }
@@ -1047,10 +1069,19 @@ select {
1047
1069
  border-radius: 0.75rem;
1048
1070
  --tw-bg-opacity: 1;
1049
1071
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1050
- padding-left: 2rem;
1051
- padding-right: 2rem;
1052
- padding-top: 1.5rem;
1053
- padding-bottom: 1.5rem;
1072
+ padding-left: 1rem;
1073
+ padding-right: 1rem;
1074
+ padding-top: 1rem;
1075
+ padding-bottom: 1rem;
1076
+ }
1077
+ @media (min-width: 576px) {
1078
+
1079
+ [data-coco][data-component="modal-dialog"] .modal-dialog-content {
1080
+ padding-left: 2rem;
1081
+ padding-right: 2rem;
1082
+ padding-top: 1.5rem;
1083
+ padding-bottom: 1.5rem;
1084
+ }
1054
1085
  }
1055
1086
  [data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content {
1056
1087
  border-top-left-radius: 0px;
data/app/components/coco/base/modal/modal.css CHANGED
@@ -7,7 +7,7 @@
7
7
  }
8
8
 
9
9
  .modal-container {
10
- @apply relative flex min-h-screen justify-center items-center z-[10000] p-8;
10
+ @apply relative flex min-h-screen justify-center items-center z-[10000] p-2 sm:p-8;
11
11
  }
12
12
 
13
13
  .modal-content {
data/app/components/coco/base/modal_dialog/modal_dialog.css CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  .modal-dialog-header {
7
7
  @apply relative flex items-center justify-center;
8
- @apply px-8 h-16 border-b border-gray-300 rounded-t-xl bg-white;
8
+ @apply px-4 sm:px-8 h-14 sm:h-16 border-b border-gray-300 rounded-t-xl bg-white;
9
9
  }
10
10
 
11
11
  .modal-dialog-title {
@@ -13,12 +13,12 @@
13
13
  }
14
14
 
15
15
  .modal-dialog-close {
16
- @apply flex-none block p-2 absolute top-1/2 right-3 -translate-y-1/2;
16
+ @apply flex-none block p-2 absolute top-1/2 right-1 sm:right-3 -translate-y-1/2;
17
17
  @apply focus:ring-0 focus:outline-none text-content-dark-muted hover:text-content-dark-2;
18
18
  }
19
19
 
20
20
  .modal-dialog-content {
21
- @apply px-8 py-6 rounded-xl bg-background-light-3;
21
+ @apply px-4 sm:px-8 py-4 sm:py-6 rounded-xl bg-background-light-3;
22
22
  }
23
23
 
24
24
  .modal-dialog-header + .modal-dialog-content {
data/lib/coco.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Coco
2
- VERSION = "0.7.0"
2
+ VERSION = "0.7.1"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: coveragebook_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.7.0
4
+ version: 0.7.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mark Perkins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-09-21 00:00:00.000000000 Z
11
+ date: 2023-09-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails