coveragebook_components 0.8.5 → 0.8.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aafbeb1f1688632f89c507287fc11591a6b88062ba2881570fd27249b9610e79
-  data.tar.gz: 52f5380f901b410120aa416be543f2d301d058184521416b17f4f04537afa1b1
+  metadata.gz: c2355b0d5f6f2de3e816d804188e4b799a35f96b4a68f071b7049bf1766d6ddd
+  data.tar.gz: c0386b7d1915074c91ac5bc4d1c4527277fb6313fa11d00a973e27783ad11cd0
 SHA512:
-  metadata.gz: cdc74dffcdb0bf9a3f2b3a749fa382668a4d47afc70edb377dfda7df5374a15586e8781d11f48f433e85ce13a886f072ba81412c4e1129edba01f7d5d9491743
-  data.tar.gz: 8fbc21c3159a2b56296ec56c4cce6b4985a68795dde41844f9af9af17434d5d13a80a9504396ddac59e424fa870e91c5e946c1e7b9a0fd0d5e1ac9d8488af8ce
+  metadata.gz: 598fd2d0f022230a26d9159c06a630f80a1be1ac8ba33a19fe2e0e2bdc2356046954b7940d2a98c23acd865b38945d4a3f3bccb86c33f4032dcd23b3e5d1cee8
+  data.tar.gz: b8a33f8a2779d06e8b6befa1e82590daa2570246e0fee02bec50b63936248dc77ea5a0b46ce53eb61413413e65b582ebdbac55744b9a878a4228509f0d087bae

data/app/assets/build/coco/app.css

@@ -1176,6 +1176,56 @@ select{
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+[data-coco][data-component="pager-link"]{
+  display: block;
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+  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));
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.4;
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms}
+[data-coco][data-component="pager-link"]:hover{
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  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));
+  --tw-bg-opacity: 0.6}
+@media (min-width: 992px){
+
+  [data-coco][data-component="pager-link"]{
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    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))}
+
+  [data-coco][data-component="pager-link"]:hover{
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+    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))}}
+[data-coco][data-component="pager-link"] {
+    width: -moz-min-content;
+    width: min-content;
+  }
+[data-coco][data-component="pager-link"] .coco-icon{
+  position: relative;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity))}
+[data-coco][data-component="pager-link"][data-direction="previous"]{
+  transform-origin: left;
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem}
+[data-coco][data-component="pager-link"][data-direction="previous"] .coco-icon{
+  margin-left: -0.25rem}
+[data-coco][data-component="pager-link"][data-direction="next"]{
+  transform-origin: right;
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem}
+[data-coco][data-component="pager-link"][data-direction="next"] .coco-icon{
+  margin-right: -0.25rem}
 [data-coco][data-component="placeholder"]{
   padding: 1rem}
 [data-coco][data-component="placeholder"][data-boxed="true"]{
@@ -1202,6 +1252,8 @@ select{
   justify-content: center}
 [data-coco][data-component="placeholder"][data-size="full"] .placeholder-content{
   margin: auto}
+[data-coco][data-component="poll-controller"]{
+  display: contents}
 [data-coco][data-component="app-header"]{
   container-type: inline-size}
 [data-coco][data-component="app-header"] .header-content{
@@ -1464,7 +1516,7 @@ select{
     height: 1.5rem;
     width: 1.5rem}
     }
-@media (min-width: 576px) and (max-width: 768px) {
+@media (min-width: 576px) and (max-width: 1200px) {
       [data-coco][data-component="app-sidebar-nav-item"] .nav-item-action-button:hover {
         transform: scale(1.05);
       }
@@ -1506,7 +1558,7 @@ select{
     height: 1.5rem;
     width: 1.5rem}
     }
-@media (min-width: 768px) {
+@media (min-width: 1200px) {
       [data-coco][data-component="app-sidebar-nav-item"] .nav-item-action-button:hover {
         transform: scale(1.05);
       }
@@ -1726,7 +1778,7 @@ select{
     padding-top: 1rem;
     padding-bottom: 1rem}
     }
-@media (min-width: 576px) and (max-width: 768px) {
+@media (min-width: 576px) and (max-width: 1200px) {
     [data-coco][data-component="app-sidebar-nav-menu"] .menu-item {
       width: 240px;
     }
@@ -1752,7 +1804,7 @@ select{
     padding-top: 1rem;
     padding-bottom: 1rem}
     }
-@media (min-width: 768px) {
+@media (min-width: 1200px) {
     [data-coco][data-component="app-sidebar-nav-menu"] .menu-item {
       width: 280px;
     }
@@ -1826,7 +1878,7 @@ select{
       [data-coco][data-component="app-sidebar-nav"] .nav-item-action .nav-item-label{
     display: none}
     }
-@media (min-width: 576px) and (max-width: 768px) {
+@media (min-width: 576px) and (max-width: 1200px) {
 
   [data-coco][data-component="app-sidebar-nav"]{
     height: 100%}
@@ -1839,7 +1891,7 @@ select{
       [data-coco][data-component="app-sidebar-nav"] .nav-item-action [data-component="app-sidebar-nav-item"]{
     padding-bottom: 0.625rem}
     }
-@media (min-width: 768px) {
+@media (min-width: 1200px) {
 
   [data-coco][data-component="app-sidebar-nav"]{
     height: 100%}
@@ -4436,6 +4488,7 @@ select{
   width: 100vw;
   overflow: hidden;
     height: var(--app-height);
+    --sidebar-nav-width: 0;
 
     grid-template-areas: "body";
     grid-template-rows: 1fr;
@@ -4526,6 +4579,76 @@ select{
             grid-template-columns: min-content 1fr;
           }
     }
+@media (min-width: 576px) and (max-width: 768px) {
+  [data-coco][data-component="application-layout"] {
+      --sidebar-nav-width: 4rem
+  }
+    }
+@media (min-width: 768px) {
+  [data-coco][data-component="application-layout"] {
+      --sidebar-nav-width: 6rem
+  }
+    }
+@media (max-height: 760px) and (min-width: 576px) {
+  [data-coco][data-component="application-layout"] {
+      --sidebar-nav-width: 4rem
+  }
+    }
+[data-coco][data-component="page-layout"] .page-body{
+  width: 100%;
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  padding-left: 0.75rem}
+@media (min-width: 576px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-left: 1.5rem}}
+@media (min-width: 768px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-left: 2rem}}
+@media (min-width: 992px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-left: 2.5rem}}
+@media (min-width: 1200px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-left: 2.75rem}}
+[data-coco][data-component="page-layout"] .page-body{
+  padding-right: 0.75rem}
+@media (min-width: 576px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-right: 1.5rem}}
+@media (min-width: 768px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-right: 2rem}}
+@media (min-width: 992px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-right: 2.5rem}}
+@media (min-width: 1200px){
+
+  [data-coco][data-component="page-layout"] .page-body{
+    padding-right: 2.75rem}}
+[data-coco][data-component="page-layout"] .page-controls{
+  position: fixed;
+  top: 50%;
+  right: 0px;
+  display: flex;
+  --tw-translate-y: -50%;
+  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));
+  justify-content: space-between;
+
+      left: var(--sidebar-nav-width, 0)}
+[data-coco][data-component="page-layout"] .page-controls .page-control-next{
+  margin-left: auto}
+[data-coco][data-component="page-layout"][data-width="constrained"] .page-body{
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1400px}
 [data-coco][data-component="book-editable-slide"] {
     /* 
      * slide-padding-lg at max (1480px): 240px (16.2%)