diff options
author | Christopher Speller <crspeller@gmail.com> | 2017-09-06 23:04:13 -0700 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2017-09-06 23:11:58 -0700 |
commit | d8bd57901e33a7057e26e782e295099ffcc0da89 (patch) | |
tree | e12dfc8cad42b1576756d19d7fbfd82646a009bf /webapp/sass/layout/_post.scss | |
parent | 7bc8e9a08dfde56387f946fdf5086252aa4d0491 (diff) | |
download | chat-d8bd57901e33a7057e26e782e295099ffcc0da89.tar.gz chat-d8bd57901e33a7057e26e782e295099ffcc0da89.tar.bz2 chat-d8bd57901e33a7057e26e782e295099ffcc0da89.zip |
Removing webapp
Diffstat (limited to 'webapp/sass/layout/_post.scss')
-rw-r--r-- | webapp/sass/layout/_post.scss | 1642 |
1 files changed, 0 insertions, 1642 deletions
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss deleted file mode 100644 index 54807f01f..000000000 --- a/webapp/sass/layout/_post.scss +++ /dev/null @@ -1,1642 +0,0 @@ -@charset 'UTF-8'; - -.custom-textarea { - background: transparent; - border: 1px solid #cccccc; - height: 100%; - line-height: 20px; - min-height: 36px; - overflow-x: hidden; - resize: none; - white-space: pre-wrap; - word-wrap: break-word; - - &:focus { - border-color: #cccccc; - box-shadow: none; - } - - &.bad-connection { - background: #ffffac !important; - color: #d04444 !important; - } -} - -.textarea-wrapper { - min-height: 37px; - position: relative; - - .textbox-preview-area { - box-shadow: none; - left: 0; - position: absolute; - top: 0; - white-space: normal; - z-index: 2; - } - - .help__text { - bottom: -23px; - cursor: pointer; - font-size: 13px; - position: absolute; - right: 0; - text-align: right; - z-index: 3; - } - - .textbox-preview-link { - margin-right: 8px; - } -} - -.help__format-text { - @include opacity(0); - @include single-transition(all, .5s, ease, .5s); - display: inline-block; - font-size: .85em; - margin-right: 10px; - vertical-align: bottom; - white-space: nowrap; - - b, - i, - span { - margin: 0 2px; - position: relative; - top: -1px; - } - - b { - @include opacity(.9); - } - - code { - background: transparent; - padding: 0; - } - - .textbox-preview-link { - cursor: pointer; - font-size: 13px; - margin-left: 15px; - } -} - -.date-separator, -.new-separator { - height: 2em; - margin: 0; - position: relative; - text-align: center; - z-index: 0; - - &:before, - &:after { - content: ''; - display: none; - height: 1em; - left: 0; - position: absolute; - width: 100%; - } - - &:before { - bottom: 0; - } - - &:after { - top: 0; - } - - &.hovered--after { - &:before { - background: #f5f5f5; - display: block; - } - } - - &.hovered--before { - &:after { - background: #f5f5f5; - display: block; - } - } - - .separator__hr { - border-color: #cccccc; - margin: 0; - position: relative; - top: 1em; - z-index: 5; - } - - .separator__text { - @include border-radius(50px); - background: #ffffff; - color: #555555; - display: inline-block; - font-size: 13px; - font-weight: 700; - line-height: 2em; - padding: 0 1em; - position: relative; - z-index: 5; - } -} - -.new-separator { - .separator__hr { - border-color: #ffaf53; - } - - .separator__text { - color: #ff8800; - font-weight: normal; - } -} - -.file-overlay { - color: $white; - font-size: em(20px); - font-weight: 600; - height: 100%; - left: 0; - pointer-events: none; - position: absolute; - text-align: center; - top: 0; - width: 100%; - z-index: 11; - - .overlay__indent { - @include clearfix; - @include alpha-property(background-color, $black, .6); - height: 100%; - position: relative; - } - - &.center-file-overlay { - } - - &.right-file-overlay { - font-size: em(18px); - - .overlay__circle { - height: 300px; - margin: -150px 0 0 -150px; - width: 300px; - } - - .overlay__files { - margin: 60px auto 15px; - width: 150px; - } - } - - .overlay__circle { - @include border-radius(500px); - @include alpha-property(background, $black, .7); - height: 370px; - left: 50%; - margin: -185px 0 0 -185px; - pointer-events: none; - position: absolute; - top: 50%; - width: 370px; - } - - .overlay__files { - display: block; - margin: 75px auto 20px; - } - - .overlay__logo { - @include opacity(.3); - bottom: 30px; - left: 50%; - margin-left: -50px; - position: absolute; - } - - .fa { - display: inline-block; - font-size: 1.1em; - margin-right: 8px; - } -} - -#post-list { - @include flex(1 1 auto); - height: 100%; - overflow-y: hidden; - position: relative; - - .inactive { - display: none; - } - - .post-list__loading { - @include opacity(.5); - font-size: .9em; - font-style: italic; - padding: 1em 0; - text-align: center; - - i { - margin-right: 2px; - } - - &.post-list__loading-search { - cursor: pointer; - - &:hover { - text-decoration: underline; - } - } - } - - .post-list-holder-by-time { - -webkit-overflow-scrolling: touch; - height: 100%; - overflow-y: scroll; - padding: 1em 0 .5em; - position: absolute; - width: 100%; - - &.active { - display: inline; - } - } - - .more-messages-text { - border: none; - display: block; - font-size: 13px; - margin: 5px 0 10px; - outline: none; - text-align: center; - } - - .new-messages__button { - @include opacity(0); - bottom: 0; - font-size: 13.5px; - left: 0; - margin: 5px auto; - position: absolute; - right: 0; - text-align: center; - visibility: hidden; - z-index: 1; - - .fa { - font-size: 1.2em; - font-weight: bold; - margin-right: .5rem; - position: relative; - top: 1px; - } - - .icon { - margin-left: 5px; - } - - div { - @include border-radius(50px); - cursor: pointer; - display: inline-block; - padding: 4px 20px 3px; - } - - &.visible { - @include opacity(1); - visibility: visible; - } - - &.disabled { - display: none; - } - } -} - -.post-list__timestamp { - @include opacity(0); - @include single-transition(all, .6s, ease); - @include translateY(-45px); - display: none; - left: 0; - position: absolute; - text-align: center; - top: 8px; - width: 100%; - z-index: 50; - - &.scrolling { - @include translateY(0); - @include opacity(.9); - } - - &.rhs { - top: 98px; - } - - > div { - @include border-radius(3px); - @include font-smoothing(initial); - background: $primary-color; - border: 1px solid; - color: $white; - display: inline-block; - font-size: 12px; - line-height: 25px; - padding: 0 8px; - text-align: center; - } -} - -.post-list__arrows { - @include opacity(0); - @include single-transition(all, .6s); - background-repeat: no-repeat; - bottom: 0; - display: none; - fill: #444444; - height: 40px; - left: 9px; - position: absolute; - text-align: center; - width: 40px; - z-index: 50; - - svg { - color: inherit; - height: 28px; - width: 28px; - } - - &.scrolling { - @include opacity(1); - display: block; - } -} - -.post-create__container { - @include flex(0 0 auto); - width: 100%; - z-index: 5; - - label { - font-weight: normal; - } - - form { - margin: 0 auto; - padding: 0 15px 0; - width: 100%; - } - - .center { - max-width: 1028px; - } - - .custom-textarea { - bottom: 0; - max-height: 162px; - overflow: hidden; - padding: 14px 0 14px 20px; - resize: none; - - &:not(.custom-textarea--emoji-picker) { - padding-right: 40px; - } - - &.custom-textarea--emoji-picker { - padding-right: 80px; - } - - &.textbox-preview-area { - overflow-y: auto; - } - } - - .emoji-picker { - position: absolute; - right: 0; - top: -361px; - } - - .scroll { - .post-body__actions { - right: 10px; - } - - .custom-textarea { - -ms-overflow-style: auto; - -webkit-overflow-scrolling: touch; - overflow: auto; - - &:not(.custom-textarea--emoji-picker) { - padding-right: 50px; - } - - &.custom-textarea--emoji-picker { - padding-right: 90px; - } - } - } - - .post-body__actions { - display: flex; - height: 100%; - position: absolute; - right: 0; - top: 0; - - > span { - border-left: 1px solid transparent; - width: 41px; - - &:first-child { - border: none; - } - - > span, - div { - display: block; - height: 49px; - line-height: 49px; - text-align: center; - width: 100%; - } - } - - &:hover, - &:active { - box-shadow: none; - } - - &.btn-file__disabled { - @include opacity(.1); - - &:hover, - &:active { - @include opacity(.1); - } - } - - .icon--emoji { - @include opacity(.5); - @include single-transition(all, .15s); - cursor: pointer; - - &:hover { - @include opacity(.7); - } - - svg { - position: relative; - top: 2px; - } - } - - .icon--attachment { - @include opacity(.4); - @include single-transition(all, .15s); - cursor: pointer; - overflow: hidden; - position: relative; - vertical-align: top; - - &:hover { - @include opacity(.6); - } - - input { - cursor: pointer; - direction: ltr; - filter: alpha(opacity=0); - font-size: 23px; - height: 100%; - margin: 0; - opacity: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - } - - svg { - position: relative; - top: 3px; - } - } - } - - .post-create-body { - padding: 0 0 2px; - position: relative; - - .post-body__cell { - position: relative; - vertical-align: top; - } - - .send-button { - @include single-transition(all, .15s); - border-left: 1px solid transparent; - cursor: pointer; - display: none; - font-size: 17px; - height: 100%; - line-height: 49px; - padding-right: 4px; - text-align: center; - vertical-align: bottom; - width: 45px; - - &:active { - @include opacity(.75); - } - - &.disabled { - i { - color: inherit; - } - } - } - - - .icon--emoji-picker { - @include opacity(.5); - @include single-transition(all, .15s); - cursor: pointer; - - &:hover, - &:active { - @include opacity(.9); - box-shadow: none; - } - - .icon--attachment { - @include opacity(.5); - display: inline-block; - position: relative; - vertical-align: top; - - input { - cursor: pointer; - direction: ltr; - filter: alpha(opacity=0); - font-size: 23px; - height: 100%; - margin: 0; - opacity: 0; - position: absolute; - right: 0; - top: 0; - width: 100%; - } - - &:hover { - @include opacity(.9); - } - } - } - - textarea { - box-shadow: none; - } - } - - .post-create-footer { - @include clearfix; - font-size: 13px; - padding: 3px 0 0; - position: relative; - - .post-error { - @include opacity(.55); - display: inline-block; - font-size: .85em; - font-weight: normal; - margin-bottom: 0; - position: absolute; - top: 4px; - } - } - - .msg-typing { - @include opacity(.7); - display: block; - font-size: .95em; - height: 20px; - margin-bottom: 5px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } -} - -.post-list__table { - display: table; - height: 100%; - min-height: 350px; - table-layout: fixed; - width: 100%; - - .post-list__content { - display: table-cell; - vertical-align: bottom; - - .dropdown-menu { - &.bottom { - bottom: 19px; - top: auto; - } - } - } -} - -.post { - @include legacy-pie-clearfix; - max-width: 100%; - padding: 8px .5em 0 1em; - position: relative; - word-wrap: break-word; - - &.post--system { - .post__header { - .col__reply { - min-width: 0; - } - } - } - - &:hover { - .dropdown, - .comment-icon__container, - .reacticon, - .reacticon__container, - .flag-icon__container, - .post__reply, - .post__remove { - visibility: visible; - } - - .permalink-icon { - visibility: visible; - } - } - - &.post--hovered { - .dropdown, - .comment-icon__container, - .post__reply, - .post__remove, - .reacticon__container, - .permalink-icon { - visibility: visible; - } - - .post__header { - .col__reply { - z-index: 7; - } - } - - .post__body { - background: transparent !important; - } - } - - &.post--highlight { - background-color: beige; - } - - &.post--hide-controls { - .post__header { - .col__reply { - display: none; - } - } - } - - &.post--compact { - &.post--thread { - .post__header { - padding-top: 3px; - } - } - - &.post--system { - .status { - visibility: hidden; - } - - > div { - margin-bottom: 0; - } - } - - &.same--root { - &.same--user { - .post__header { - height: 0; - } - } - } - - .post__img { - padding-top: 0; - } - - .attachment { - .attachment__body__wrap { - .btn-close { - left: -2px; - } - } - } - - &.post--comment { - .attachment { - .attachment__body__wrap { - .btn-close { - left: -13px; - } - } - } - } - - .status-wrapper { - cursor: auto; - height: 14px; - pointer-events: none; - - .status { - bottom: auto; - height: 13px; - left: -2px; - position: relative; - right: auto; - top: auto; - width: 13px; - } - - svg { - top: 1px; - } - - &:after { - bottom: 0; - } - } - - blockquote { - font-size: 1em; - margin-left: 0; - margin-top: 1.3em; - padding: 3px 0 0 25px; - vertical-align: top; - - &:before { - font-size: 15px; - left: 4px; - top: 2px; - } - } - - .search-item-snippet { - blockquote { - margin-top: 0; - } - } - - .markdown__heading { - clear: both; - font-size: 1em; - margin: 0; - } - - .post__header { - height: 22px; - margin-bottom: 0; - } - - .post__body { - background: transparent !important; - line-height: 1.5; - margin-top: -1px; - padding: 3px 0 0; - - .img-div { - max-height: 150px; - max-width: 150px; - } - - p { - line-height: inherit; - } - - p + p { - margin-bottom: 1em; - margin-top: 1em; - } - - ol, - ul { - clear: both; - padding-left: 20px; - } - - div { - margin-bottom: 0; - } - - .post-image__column { - margin: 3px 0; - } - } - - .post-image__column { - @include border-radius(2px); - font-size: .9em; - height: 26px; - line-height: 25px; - padding: 0 7px; - width: auto; - - .post-image__thumbnail { - display: none; - } - - .post-image__details { - background: transparent; - border: none; - padding: 0; - width: 100%; - - svg { - display: inline-block; - height: 13px; - margin: 5px 4px 0 0; - opacity: .5; - position: relative; - vertical-align: top; - width: 13px; - } - - > div { - display: none; - } - } - - .post-image__name { - @include clearfix; - display: block; - margin: 0; - padding-right: 10px; - text-overflow: ellipsis; - white-space: nowrap; - - i { - font-size: .9em; - margin-right: 5px; - opacity: .5; - } - } - - a { - &:hover { - text-decoration: none; - } - } - } - - .post__img { - padding-top: 1px; - width: 16px; - - img { - display: none; - } - } - } - - .post__img:hover { - cursor: pointer; - } - - .post--fail { - position: relative; - } - - .post--edited { - // If the last paragraph of an edited post is a paragraph, make it inline-block so that the (edited) indicator can be on the same line as it - .post-message__text > p:last-child { - display: inline-block; - width: auto; - } - - .post-edited-indicator { - @include opacity(.6); - font-size: .87em; - } - } - - .emoticon { - vertical-align: top; - } - - p { - font-size: 13.5px; - line-height: 1.6em; - margin: 0; - white-space: pre-wrap; - width: 100%; - word-break: break-word; - } - - .post__header--info { - padding: 0; - } - - &.post--root { - .comment-icon__container { - visibility: visible; - } - } - - &.post--comment { - .post__body { - border-left: 4px solid $gray; - padding-left: 7px; - - &.mention-comment { - border-left: 4px solid $yellow; - border-color: $yellow; - } - } - - .attachment { - .attachment__body__wrap { - .btn-close { - left: -11px; - } - } - } - } - - &.same--root { - &.post--pinned { - h1, - h2 { - &:first-child { - margin-top: 15px; - } - } - - h3, - h4, - h5, - h6 { - &:first-child { - margin-top: 20px; - } - } - } - - &.same--user { - padding: 0 .5em 0 1em; - - &:hover, - &.post--hovered { - .post__time { - @include opacity(.5); - } - } - - .flag-icon__container { - left: 36px; - margin-left: 7px; - position: absolute; - top: 6px; - } - - .post__img { - .status-wrapper { - display: none; - } - - img { - display: none; - } - } - - .post__header { - height: 0; - margin: 0; - - .col__name { - display: none; - } - - .col__reply { - top: -1px; - } - } - } - - &.post--comment { - .post__link { - display: none; - } - - &.same--user { - .post__img { - img { - display: none; - } - } - } - } - } - - &.other--root { - .comment-icon__container { - &.icon--show { - visibility: visible; - } - } - - &.post--comment { - - .popover { - margin-top: 84px; - - > .arrow { - top: 21px !important; - } - } - - .post__header { - .col__reply { - top: -4px; - } - } - } - } - - .post__content { - display: table; - margin: 0 auto; - padding: 0 5px; - position: relative; - table-layout: fixed; - width: 100%; - - > div { - display: table-cell; - vertical-align: top; - } - } - - .center { - max-width: 1000px; - } - - .post__header { - margin-bottom: 2px; - padding: 0; - - > div { - display: inline-block; - vertical-align: top; - } - - .col__name { - font-weight: 600; - margin-right: 7px; - - .user-popover { - @include clearfix; - max-width: 200px; - text-overflow: ellipsis; - vertical-align: top; - white-space: nowrap; - } - - .colon { - display: none; - font-weight: 900; - margin-left: 2px; - } - } - - .col__reply { - border: 1px solid transparent; - border-radius: 2px; - min-width: 70px; - padding: 2px 5px; - position: absolute; - right: 0; - top: -4px; - white-space: nowrap; - z-index: 6; - } - - .col__remove { - position: absolute; - right: 10px; - } - - .permalink-popover { - min-width: 0; - - .popover-content { - padding: 5px; - } - - .form-control, - .btn { - font-size: 13px; - height: 30px; - line-height: 30px; - padding: 0 8px; - } - } - } - - .post__img { - padding-right: 10px; - text-align: right; - width: 53px; - - .icon { - svg { - height: 32px; - width: 32px; - } - } - - path { - fill: inherit; - } - - img { - @include border-radius(50px); - height: 32px; - vertical-align: inherit; - width: 32px; - max-width:none; - } - } - - .post__embed-container { - @include single-transition(max-height, .5, ease); - display: block; - max-height: 1000px; - overflow: hidden; - - &[hidden] { - max-height: 0; - } - } - - .dropdown { - display: inline-block; - top: -1px; - vertical-align: middle; - visibility: hidden; - - .dropdown-menu { - left: auto; - min-width: 130px; - padding: 2px 0; - right: 0; - top: 20px; - - li { - display: block; - } - - a { - padding: 5px 15px; - } - } - } - - .post__dropdown { - vertical-align: middle; - - &:after { - content: '[...]'; - font-family: 'Open Sans', sans-serif; - position: relative; - top: -1px; - } - } - - .post__remove { - @include opacity(.5); - color: inherit; - display: inline-block; - float: right; - font-family: 'Open Sans', sans-serif; - font-size: 20px; - font-weight: 600; - height: 20px; - line-height: 20px; - position: relative; - right: -10px; - text-decoration: none; - vertical-align: top; - visibility: hidden; - width: 20px; - - &:hover { - @include opacity(.8); - } - } - - .post__body { - @include legacy-pie-clearfix; - padding: .2em .5em; - width: 100%; - word-wrap: break-word; - - div { - } - - p + p { - margin: 0.5em 0 0; - } - - img { - max-height: 400px; - } - - ul, - ol { - font-size: 13.5px; - margin-bottom: .11em; - margin-top: 3px; - padding-left: 20px; - - p { - margin-bottom: 0; - } - - li { - ul, - ol { - font-size: 1em; - margin: 0; - padding: 0 0 0 20px; - } - } - - li.list-item--task-list ul, - li.list-item--task-list ol { - margin-left: 20px; - } - - li.list-item--task-list ul { - padding-left: 0; - } - - li:not(.list-item--task-list) li.list-item--task-list, - li:not(.list-item--task-list) li.list-item--task-list ~ li { - margin-left: -20px; - } - - li input[type='checkbox']:disabled { - cursor: default; - vertical-align: top; - } - } - - ul li.list-item--task-list, - ul li.list-item--task-list ~ li { - list-style-type: none; - } - - ul li.list-item--task-list ~ li:not(.list-item--task-list) { - text-indent: 3px; - - &:before { - content: '\2022'; - margin-right: 8px; - } - } - - ul + p, - ol + p { - margin-top: .6em; - } - - p + ul, - p + ol { - margin-top: .6em; - } - - .pending-post-actions { - background: alpha-color($black, .7); - color: $white; - font-size: .9em; - padding: 5px 7px; - position: absolute; - right: 0; - top: 0; - z-index: 100; - - a { - color: $white; - } - } - - .post-reaction-list { - min-height: 30px; - } - - .post-reaction { - @include user-select(none); - @include border-radius(3px); - border: 1px solid $primary-color; - cursor: pointer; - display: inline-block; - font-size: 11px; - height: 23px; - margin-bottom: 5px; - margin-right: 5px; - padding: 0 4px 0 3px; - - .post-reaction__emoji { - margin: 2px 3px 0 0; - max-height: 16px; - max-width: 16px; - vertical-align: middle; - } - - .post-reaction__count { - line-height: 10px; - position: relative; - top: 3px; - } - - &--current-user { - .post-reaction__count { - font-weight: 600; - } - } - } - } - - .post__link { - font-size: 13px; - margin: 2px 0 5px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - - a { - font-weight: bold; - } - } - - .post__embed-visibility { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - cursor: pointer; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - margin: 0; - text-rendering: auto; - - &.pull-left { - margin: 5px 5px 0 0; - } - - &:hover { - text-decoration: none; - } - - &:before { - content: '\f065'; - font-size: 14px; - } - - &[data-expanded='true']:before { - content: '\f066'; - } - } - - .post__visibility { - @include opacity(.6); - font-size: .9em; - padding: 8px; - } - - .post__time { - @include opacity(.6); - font-size: .9em; - } - - .post__permalink { - color: inherit; - - &:hover, - &:focus { - color: inherit; - } - - &:focus { - text-decoration: none; - } - - &:hover { - text-decoration: underline; - } - } - - .post-loading-gif { - height: 10px; - margin-top: 6px; - width: 10px; - } - - .post-fail { - color: #d58a8a; - } - - .post-waiting { - color: #999999; - } - - .permalink-icon { - color: $primary-color; - display: inline-block; - visibility: hidden; - } - - .post__reply { - display: inline-block; - margin-right: 6px; - visibility: hidden; - - svg { - fill: inherit; - position: relative; - top: 3px; - width: 18px; - } - } - - .comment-icon__container { - display: inline-block; - fill: $primary-color; - position: relative; - top: 1px; - visibility: hidden; - - &:focus { - outline: none; - } - - &.icon--visible { - visibility: visible; - } - - svg { - height: 17px; - width: 17px; - } - - .comment-count { - margin-left: 2px; - } - - .comment-icon { - display: inline-block; - fill: inherit; - margin: 0 1px 0 5px; - position: relative; - top: 1px; - vertical-align: top; - } - - path { - fill: inherit; - } - } - - .reacticon__container { - display: inline-block; - fill: $primary-color; - font-size: 16px; - margin-left: 5px; - vertical-align: top; - visibility: hidden; - - svg { - height: 14px; - position: relative; - top: 1px; - width: 14px; - } - } - - .flag-icon__container { - display: inline-block; - height: 15px; - margin-left: 7px; - position: relative; - top: 2px; - vertical-align: top; - visibility: hidden; - - &.visible { - visibility: visible; - } - - svg { - width: 12px; - } - - path { - fill: inherit; - } - - .fa-star-o { - @include opacity(.8); - } - - &:focus { - outline: none; - } - - &.icon--visible { - visibility: visible; - } - - } - - .web-embed-data { - @include border-radius(2px); - @include alpha-property(background, $black, 0.05); - height: 50px; - overflow: hidden; - padding: 2px 0 0 10px; - text-overflow: ellipsis; - - .embed-title { - color: #555555; - font-weight: 600; - margin: 3px 0 1px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .embed-description { - color: #888888; - margin: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .embed-link { - display: none; - } - } -} - -.bot-indicator, -.post__pinned-badge { - border-radius: 2px; - font-family: inherit; - font-size: 10px; - font-weight: 600; - padding: 1px 4px; -} - -.bot-indicator { - margin: 2px 10px 0 -4px; -} - -.post__pinned-badge { - margin-left: 7px; - position: relative; - top: -1px; -} - -.permalink-text { - overflow: hidden; -} - -.permalink-popover { - margin-left: 50px !important; - min-width: 320px; -} |