mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-11 17:50:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

no highlighting on elements that should never be highlighted

Browse source
This commit is contained in:
Gigiaj 2025-06-18 01:31:29 -05:00
parent 69c916f1b8
commit 94eacffd99
1 changed files with 24 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/app/components/sidebar/Sidebar.css.ts
View file

@ -9,7 +9,9 @@ export const Sidebar = style([
width: toRem(66), width: toRem(66),
backgroundColor: color.Background.Container, backgroundColor: color.Background.Container,
borderRight: `${config.borderWidth.B300} solid ${color.Background.ContainerLine}`, borderRight: `${config.borderWidth.B300} solid ${color.Background.ContainerLine}`,
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
color: color.Background.OnContainer, color: color.Background.OnContainer,
@ -19,6 +21,9 @@ export const Sidebar = style([
export const SidebarStack = style([ export const SidebarStack = style([
DefaultReset, DefaultReset,
{ {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
width: '100%', width: '100%',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
@ -68,6 +73,9 @@ export const SidebarItem = recipe({
base: [ base: [
DefaultReset, DefaultReset,
{ {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
minWidth: toRem(42), minWidth: toRem(42),
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
@ -101,6 +109,9 @@ export const SidebarItem = recipe({
], ],
variants: { variants: {
active: { active: {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
true: { true: {
selectors: { selectors: {
'&::before': { '&::before': {
@ -148,6 +159,9 @@ export type SidebarItemBadgeVariants = RecipeVariants<typeof SidebarItemBadge>;
export const SidebarAvatar = recipe({ export const SidebarAvatar = recipe({
base: [ base: [
{ {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
selectors: { selectors: {
'button&': { 'button&': {
cursor: 'pointer', cursor: 'pointer',
@ -158,6 +172,9 @@ export const SidebarAvatar = recipe({
variants: { variants: {
size: { size: {
'200': { '200': {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
width: toRem(16), width: toRem(16),
height: toRem(16), height: toRem(16),
fontSize: toRem(10), fontSize: toRem(10),
@ -165,10 +182,16 @@ export const SidebarAvatar = recipe({
letterSpacing: config.letterSpacing.T200, letterSpacing: config.letterSpacing.T200,
}, },
'300': { '300': {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
width: toRem(34), width: toRem(34),
height: toRem(34), height: toRem(34),
}, },
'400': { '400': {
MozUserSelect: 'none',
WebkitUserSelect: 'none',
userSelect: 'none',
width: toRem(42), width: toRem(42),
height: toRem(42), height: toRem(42),
}, },