summaryrefslogtreecommitdiffstats
path: root/webapp/sass/components/_emoticons.scss
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/sass/components/_emoticons.scss')
-rw-r--r--webapp/sass/components/_emoticons.scss233
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;
- }
-}