coveragebook_components 0.8.4 → 0.8.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 508a993fb567c529408bb057f16179a9fbf828747ddb6f270446d1d5275334bc
-  data.tar.gz: c8924774c240bc42987e533d23bf2b9bd6670e80745a60ca9c794437aa964d46
+  metadata.gz: c2355b0d5f6f2de3e816d804188e4b799a35f96b4a68f071b7049bf1766d6ddd
+  data.tar.gz: c0386b7d1915074c91ac5bc4d1c4527277fb6313fa11d00a973e27783ad11cd0
 SHA512:
-  metadata.gz: de8a58ef368b4fec0a73a475d6a7f3163679404d4b4ef14eb7ec673c80ce798c2771f9ca24b5386c1168af95893313a8522770f400fb7344e8de272cfffe2649
-  data.tar.gz: b16acb12b4e6a54ac897fa3ea65fc86adcd5d21208be8e3ec010a2921aa01b07df7c22637a566b411fbc098ecc3b7240555bb814ceb5aad2ce32d7833a0f8474
+  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%}
@@ -4176,10 +4228,16 @@ select{
 [data-coco][data-component="app-user-profile"] .user-profile-avatar{
   display: flex;
   align-items: center}
+[data-coco][data-component="app-user-profile"] .user-profile-details{
+  display: flex;
+  flex-direction: column;
+  justify-content: center}
 [data-coco][data-component="app-user-profile"] .user-profile-details > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))}
+[data-coco][data-component="app-user-profile"] .user-profile-details{
+  overflow: hidden}
 [data-coco][data-component="app-user-profile"] .user-profile-name{
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4430,6 +4488,7 @@ select{
   width: 100vw;
   overflow: hidden;
     height: var(--app-height);
+    --sidebar-nav-width: 0;
 
     grid-template-areas: "body";
     grid-template-rows: 1fr;
@@ -4520,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%)