diff options
Diffstat (limited to 'webapp/sass/components/_emoticons.scss')
-rw-r--r-- | webapp/sass/components/_emoticons.scss | 233 |
1 files changed, 0 insertions, 233 deletions
diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss deleted file mode 100644 index c8fd50226..000000000 --- a/webapp/sass/components/_emoticons.scss +++ /dev/null @@ -1,233 +0,0 @@ -@charset "UTF-8"; - -.reacticon { - display: inline-block; - fill: inherit; - opacity: .7; - position: relative; - top: 2px; - vertical-align: middle; - visibility: hidden; -} - -.emoticon { - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - display: inline-block; - height: 21px; - min-height: 1em; - min-width: 1em; - vertical-align: middle; - width: 21px; -} - -.emoticon-suggestion { - @include clearfix; - cursor: pointer; - font-size: 13px; - height: 30px; - line-height: 30px; - width: 100%; - - > div { - &:first-child { - text-align: center; - width: 30px; - } - } -} - -.emoticon-suggestion__image { - margin-top: -2px; - max-height: 20px; - max-width: 20px; - padding: 0; - text-align: center; - vertical-align: middle; -} - -.emoji-picker { - @include user-select(none); - border-radius: 3px; - border: 1px solid; - display: flex; - flex-direction: column; - position: absolute; - height: 362px; - width: 278px; - z-index: 8; -} - -.emoji-picker__categories { - flex-grow: 0; - flex-shrink: 0; - - .emoji-picker__category { - color: #333333; - display: inline-block; - font-size: 16px; - margin: 3px 6px; - text-align: center; - width: 15px; - - &--selected, - &:hover { - color: #666666; - } - } -} - -.emoji-picker__search-container { - position: relative; - border-top-style: solid; - border-top-width: 1px; - - .emoji-picker__search-icon { - padding-left: 6px; - padding-top: 6px; - position: absolute; - font-size: 13px; - } - - .emoji-picker__search { - border-width: 0px; - padding: 2px 0 2px 25px; - width: 100%; - height: 25px; - font-size: 12px; - - &:focus{ - outline: none; - } - } -} - -.emoji-picker__items { - max-height: 278px; - overflow-x: hidden; - overflow-y: auto; - padding: 0px 8px 8px 8px; - position: relative; - border-top-style: solid; - border-top-width: 1px; - - .emoji-picker__category-header { - font-size: 12px; - font-weight: bold; - margin-bottom: 6px; - margin-top: 3px; - padding-top: 3px; - } - - .emoji-picker__preview_sprite { - isplay: inline-block; - height: 45px; - margin: 3px; - vertical-align: top; - - padding: 3px; - } - - .emoji-picker-items__container { - > div { - display: inline-block; - height: 21px; - margin: 3px; - vertical-align: top; - width: 21px; - padding: 3px; - } - > span { - display: inline-block; - height: 21px; - margin: 3px; - vertical-align: top; - width: 21px; - padding: 0px; - border: 0px; - text-align: center; - border-radius: 6px; - overflow: hidden; - cursor: pointer; - } - } - - .emoji-picker__item-wrapper { - .emoji-picker__item { - font-size: 18px; - margin: 3px; - max-height: 21px; - max-width: 21px; - min-height: 0; - min-width: 0; - width: auto; - height: auto; - margin: 0 auto; - } - } -} - -.emoji-picker__preview { - border-top: 1px solid; - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: stretch; - vertical-align: middle; - flex-grow: 0; - flex-shrink: 0; - height: 45px; - padding: 3px 10px; - vertical-align: middle; - width: 278px; - - &.emoji-picker__preview-placeholder { - padding: 12px; - } - - > div { - display: table-cell; - vertical-align: middle; - } - - .emoji-picker__preview-image-label-box { - margin-left: 3px; - .emoji-picker__preview-name { - font-size: 13px; - font-weight: bold; - } - - .emoji-picker__preview-aliases { - display: block; - font-size: 12px; - - font-weight: bold; - } - } - - .emoji-picker__preview-image-box { - display: flex; - align-items: center; - justify-content: center; - height: 36px; - max-height: 36px; - width: 42px; - max-width: 42px; - text-align: center; - - .sprite-preview { - border: none; - display: inline-block; - height: 36px; - padding: 0; - vertical-align: middle; - width: 36px; - } - } - - .emoji-picker__preview-image { - max-height: 36px; - max-width: 42px; - } -} |