@quilltap/theme-storybook 1.0.79 → 1.0.80
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.
- package/dist/index.css +29 -0
- package/package.json +1 -1
- package/src/css/qt-components.css +35 -0
package/dist/index.css
CHANGED
|
@@ -3763,6 +3763,11 @@ body {
|
|
|
3763
3763
|
font-size: 0.8125rem;
|
|
3764
3764
|
font-weight: 600;
|
|
3765
3765
|
}
|
|
3766
|
+
.qt-storyteller-board-tools {
|
|
3767
|
+
display: flex;
|
|
3768
|
+
align-items: center;
|
|
3769
|
+
gap: 0.25rem;
|
|
3770
|
+
}
|
|
3766
3771
|
.qt-storyteller-cards {
|
|
3767
3772
|
display: grid;
|
|
3768
3773
|
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
|
@@ -3794,6 +3799,30 @@ body {
|
|
|
3794
3799
|
.qt-storyteller-card-quiet {
|
|
3795
3800
|
opacity: 0.65;
|
|
3796
3801
|
}
|
|
3802
|
+
.qt-storyteller-card-draggable {
|
|
3803
|
+
cursor: grab;
|
|
3804
|
+
}
|
|
3805
|
+
.qt-storyteller-card-dragging {
|
|
3806
|
+
position: relative;
|
|
3807
|
+
z-index: 10;
|
|
3808
|
+
cursor: grabbing;
|
|
3809
|
+
opacity: 0.85;
|
|
3810
|
+
box-shadow: var(--qt-storyteller-card-dragging-shadow, 0 4px 12px rgb(0 0 0 / 0.25));
|
|
3811
|
+
}
|
|
3812
|
+
.qt-storyteller-card-order {
|
|
3813
|
+
display: inline-flex;
|
|
3814
|
+
align-items: center;
|
|
3815
|
+
justify-content: center;
|
|
3816
|
+
flex-shrink: 0;
|
|
3817
|
+
min-width: 1.25rem;
|
|
3818
|
+
height: 1.25rem;
|
|
3819
|
+
padding: 0 0.25rem;
|
|
3820
|
+
border-radius: 9999px;
|
|
3821
|
+
font-size: 0.6875rem;
|
|
3822
|
+
font-weight: 700;
|
|
3823
|
+
background: var(--qt-storyteller-card-order-bg, var(--color-primary));
|
|
3824
|
+
color: var(--qt-storyteller-card-order-fg, var(--color-primary-foreground));
|
|
3825
|
+
}
|
|
3797
3826
|
.qt-storyteller-card-head {
|
|
3798
3827
|
display: flex;
|
|
3799
3828
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -4672,6 +4672,12 @@
|
|
|
4672
4672
|
font-weight: 600;
|
|
4673
4673
|
}
|
|
4674
4674
|
|
|
4675
|
+
.qt-storyteller-board-tools {
|
|
4676
|
+
display: flex;
|
|
4677
|
+
align-items: center;
|
|
4678
|
+
gap: 0.25rem;
|
|
4679
|
+
}
|
|
4680
|
+
|
|
4675
4681
|
.qt-storyteller-cards {
|
|
4676
4682
|
display: grid;
|
|
4677
4683
|
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
|
@@ -4709,6 +4715,35 @@
|
|
|
4709
4715
|
opacity: 0.65;
|
|
4710
4716
|
}
|
|
4711
4717
|
|
|
4718
|
+
/* A bid card can be dragged to set the running order. */
|
|
4719
|
+
.qt-storyteller-card-draggable {
|
|
4720
|
+
cursor: grab;
|
|
4721
|
+
}
|
|
4722
|
+
|
|
4723
|
+
.qt-storyteller-card-dragging {
|
|
4724
|
+
position: relative;
|
|
4725
|
+
z-index: 10;
|
|
4726
|
+
cursor: grabbing;
|
|
4727
|
+
opacity: 0.85;
|
|
4728
|
+
box-shadow: var(--qt-storyteller-card-dragging-shadow, 0 4px 12px rgb(0 0 0 / 0.25));
|
|
4729
|
+
}
|
|
4730
|
+
|
|
4731
|
+
/* Its place in the running order, once the operator has arranged the board. */
|
|
4732
|
+
.qt-storyteller-card-order {
|
|
4733
|
+
display: inline-flex;
|
|
4734
|
+
align-items: center;
|
|
4735
|
+
justify-content: center;
|
|
4736
|
+
flex-shrink: 0;
|
|
4737
|
+
min-width: 1.25rem;
|
|
4738
|
+
height: 1.25rem;
|
|
4739
|
+
padding: 0 0.25rem;
|
|
4740
|
+
border-radius: 9999px;
|
|
4741
|
+
font-size: 0.6875rem;
|
|
4742
|
+
font-weight: 700;
|
|
4743
|
+
background: var(--qt-storyteller-card-order-bg, var(--color-primary));
|
|
4744
|
+
color: var(--qt-storyteller-card-order-fg, var(--color-primary-foreground));
|
|
4745
|
+
}
|
|
4746
|
+
|
|
4712
4747
|
.qt-storyteller-card-head {
|
|
4713
4748
|
display: flex;
|
|
4714
4749
|
align-items: center;
|