diff --git a/src/components/middle/message/ReadTimeMenuItem.module.scss b/src/components/middle/message/ReadTimeMenuItem.module.scss index c273c15b7..072f7d75d 100644 --- a/src/components/middle/message/ReadTimeMenuItem.module.scss +++ b/src/components/middle/message/ReadTimeMenuItem.module.scss @@ -11,25 +11,25 @@ } :global(.icon) { - margin-left: 0; - margin-right: 0.25rem; - } - - &[dir="rtl"] { - :global(.icon) { - margin-left: 0.25rem; - margin-right: 0; - } + margin-inline-end: 0.25rem; } } .get { cursor: var(--custom-cursor, pointer); - margin-left: 0.375rem; - border-radius: 0.5rem; - padding: 0.125rem 0.375rem; - background: var(--color-background-menu-separator); + font-size: 0.6875rem; + margin-inline-start: 0.375rem; + border-radius: 1rem; + padding: 0.1875rem 0.375rem; pointer-events: all; + font-weight: 500; + transition: 150ms filter ease-in; + background: var(--color-background-menu-separator); + filter: opacity(0.8); + + &:hover { + filter: brightness(1.10); + } } .skeleton { @@ -41,4 +41,5 @@ .transition { height: 1.5rem; + width: auto; }