forstok-ui-lib 8.3.4 → 8.3.5
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.js +15 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -17
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/shares.styles.ts +15 -17
package/package.json
CHANGED
|
@@ -3722,21 +3722,7 @@ export const DropdownItem = styled.li<{ $mode?: 'common' | 'categories', $isActi
|
|
|
3722
3722
|
padding-bottom: 4px;
|
|
3723
3723
|
}
|
|
3724
3724
|
`}
|
|
3725
|
-
${({ $mode }) => $mode
|
|
3726
|
-
grid-auto-flow: column;
|
|
3727
|
-
grid-template-columns: 22px auto;
|
|
3728
|
-
min-height: 33px;
|
|
3729
|
-
align-items: center;
|
|
3730
|
-
grid-gap: 0;
|
|
3731
|
-
> label {
|
|
3732
|
-
cursor: pointer;
|
|
3733
|
-
text-transform: capitalize;
|
|
3734
|
-
}
|
|
3735
|
-
@media only screen and (min-width: 768px) {
|
|
3736
|
-
grid-template-columns: 22px auto;
|
|
3737
|
-
}
|
|
3738
|
-
`}
|
|
3739
|
-
${({ $mode }) => $mode === 'common' && css`
|
|
3725
|
+
${({ $mode }) => $mode && css`
|
|
3740
3726
|
margin-bottom: 4px;
|
|
3741
3727
|
color: var(--pri-clr);
|
|
3742
3728
|
line-height: 20px;
|
|
@@ -3762,8 +3748,19 @@ export const DropdownItem = styled.li<{ $mode?: 'common' | 'categories', $isActi
|
|
|
3762
3748
|
white-space: nowrap;
|
|
3763
3749
|
display: block;
|
|
3764
3750
|
}
|
|
3751
|
+
${$mode === 'categories' && css`
|
|
3752
|
+
padding: 0 !important;
|
|
3753
|
+
> label {
|
|
3754
|
+
&:last-child {
|
|
3755
|
+
padding: .5rem 1.5rem .5rem .75rem;
|
|
3756
|
+
}
|
|
3757
|
+
}
|
|
3758
|
+
`}
|
|
3759
|
+
`}
|
|
3760
|
+
${({ $mode }) => $mode === 'categories' && css`
|
|
3761
|
+
|
|
3765
3762
|
`}
|
|
3766
|
-
${({ $mode, $isReply }) => ($mode
|
|
3763
|
+
${({ $mode, $isReply }) => ($mode && $isReply) && css`
|
|
3767
3764
|
padding-right: 1.825rem !important;
|
|
3768
3765
|
._refReplyIcon {
|
|
3769
3766
|
right: 12px;
|
|
@@ -3771,7 +3768,7 @@ export const DropdownItem = styled.li<{ $mode?: 'common' | 'categories', $isActi
|
|
|
3771
3768
|
transform: translateY(-50%);
|
|
3772
3769
|
}
|
|
3773
3770
|
`}
|
|
3774
|
-
${({ $mode, $isActive }) => ($mode
|
|
3771
|
+
${({ $mode, $isActive }) => ($mode && $isActive) && css`
|
|
3775
3772
|
background-color: var(--nav-clr-bg__hvr);
|
|
3776
3773
|
padding-right: 1.75em;
|
|
3777
3774
|
&, > label, > span {
|
|
@@ -3786,6 +3783,7 @@ export const DropdownItem = styled.li<{ $mode?: 'common' | 'categories', $isActi
|
|
|
3786
3783
|
bottom: 0;
|
|
3787
3784
|
width: 12px;
|
|
3788
3785
|
height: 20px;
|
|
3786
|
+
z-index: -1;
|
|
3789
3787
|
}
|
|
3790
3788
|
._refReplyIcon {
|
|
3791
3789
|
right: 22px;
|