diff --git a/packages/nicolium/src/styles/new/chats.scss b/packages/nicolium/src/styles/new/chats.scss index 73e7b083e..9eab270a8 100644 --- a/packages/nicolium/src/styles/new/chats.scss +++ b/packages/nicolium/src/styles/new/chats.scss @@ -183,6 +183,10 @@ .⁂-chat-list-item { @apply flex w-full flex-col rounded-lg px-2 py-3 hover:bg-gray-100 focus:shadow-inset-ring dark:hover:bg-gray-800; + &:focus { + box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%); + } + > div { @apply flex items-center justify-between gap-2 w-full; } @@ -216,16 +220,16 @@ &__message { @include mixins.text($theme: muted, $size: sm, $align: left, $truncate: true); - @apply truncate-child pointer-events-none h-5 w-full; + @apply pointer-events-none h-5 w-full; + + > * { + @apply truncate; + } &--unread { @apply text-gray-900 dark:text-gray-100; } - &:not(&--blocking) > * { - @apply truncate; - } - &__author { @include mixins.text($weight: bold, $size: sm, $align: left, $theme: muted, $truncate: true); } diff --git a/packages/nicolium/src/styles/tailwind.css b/packages/nicolium/src/styles/tailwind.css index 4ea47f980..de2e94e3a 100644 --- a/packages/nicolium/src/styles/tailwind.css +++ b/packages/nicolium/src/styles/tailwind.css @@ -10,45 +10,4 @@ .shadow-inset { box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%); } - - .truncate-child > * { - @apply truncate; - } - - .d-screen { - height: 100vh; /* Backwards compatibility */ - height: 100dvh; - } - - .bg-gradient-light { - background: linear-gradient( - 115deg, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0) 20%, - rgba(var(--color-gradient-start) / 0.1) 35%, - rgba(var(--color-gradient-end) / 0.1) 70%, - rgba(0, 0, 0, 0) 80%, - rgba(0, 0, 0, 0) 100% - ); - } - - .bg-gradient-dark { - background: linear-gradient( - 115deg, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0) 30%, - rgba(var(--color-gradient-start) / 0.1) 45%, - rgba(var(--color-gradient-start) / 0.2) 55%, - rgba(0, 0, 0, 0) 70%, - rgba(0, 0, 0, 0) 100% - ); - } - - .bg-gradient-sm { - background: linear-gradient( - 112deg, - rgba(var(--color-gradient-start) / 0.1) 0%, - rgba(var(--color-gradient-end) / 0.1) 50% - ); - } }