diff --git a/src/components/autosuggest-emoji.tsx b/src/components/autosuggest-emoji.tsx index 7db0c42e7..8337456f7 100644 --- a/src/components/autosuggest-emoji.tsx +++ b/src/components/autosuggest-emoji.tsx @@ -26,13 +26,12 @@ const AutosuggestEmoji: React.FC = ({ emoji }) => { } return ( -
+
{alt} - {emoji.colons}
); diff --git a/src/styles/application.scss b/src/styles/application.scss index b4a3ea3bd..fda7e1f1a 100644 --- a/src/styles/application.scss +++ b/src/styles/application.scss @@ -7,7 +7,6 @@ @use 'rtl'; @use 'accessibility'; @use 'navigation'; -@use 'autosuggest'; // COMPONENTS @use 'components/buttons'; diff --git a/src/styles/autosuggest.scss b/src/styles/autosuggest.scss deleted file mode 100644 index f81cbf195..000000000 --- a/src/styles/autosuggest.scss +++ /dev/null @@ -1,38 +0,0 @@ -.react-datepicker__input-container input { - // display: block; - // box-sizing: border-box; - // width: 100%; - // margin: 0; - // background: transparent; - // color: var(--primary-text-color); - // padding: 10px; - // font-family: inherit; - // font-size: 16px; - // resize: vertical; - // border: 0; - // outline: 0; - - // &:focus { - // outline: 0; - // } - - // @media screen and (max-width: 600px) { - // font-size: 16px; - // } -} - -.autosuggest-emoji { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - line-height: 18px; - font-size: 14px; -} - -.autosuggest-emoji img { - display: block; - margin-right: 8px; - width: 16px; - height: 16px; -} diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css index 18b5b5070..401872595 100644 --- a/src/styles/tailwind.css +++ b/src/styles/tailwind.css @@ -122,13 +122,6 @@ } } - .autosuggest-emoji > img{ - display: block; - margin-right: 8px; - width: 16px; - height: 16px; - } - .hide-scrollbar { scrollbar-width: none; /* Firefox */ }