diff options
Diffstat (limited to 'web/sass-files/sass/partials/_post.scss')
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 75 |
1 files changed, 59 insertions, 16 deletions
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 4376b43a4..81cc311e1 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -1,3 +1,5 @@ +@charset "UTF-8"; + .custom-textarea { white-space:pre-wrap; word-wrap:break-word; @@ -367,12 +369,8 @@ body.ios { } } - &.post--highlight { - background-color: beige; - } - - &.post--system .post__header .col__name { - display: none; + &.post--highlight { + background-color: beige; } ul { @@ -549,7 +547,23 @@ body.ios { position: absolute; right: 0; top: 30px; - width: 60px; + width: 65px; + } + + .permalink-popover { + min-width: 0; + + .popover-content { + padding: 5px; + } + + .form-control, .btn { + font-size: 13px; + height: 30px; + padding: 0 8px; + line-height: 30px; + } + } } @@ -567,8 +581,9 @@ body.ios { .dropdown { display: inline-block; visibility: hidden; + position: absolute; + right: 0; top: -1px; - float: right; .dropdown-menu { right: 0; @@ -601,11 +616,11 @@ body.ios { word-wrap: break-word; padding: 0.2em 0.5em 0em; @include legacy-pie-clearfix; - width: calc(100% - 70px); + width: calc(100% - 75px); img { - max-height: 400px; - } + max-height: 400px; + } ul { padding: 5px 0 0 20px; @@ -616,11 +631,36 @@ body.ios { 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 { - vertical-align: sub; + vertical-align: top; cursor: default; } } + + 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: "⦁"; + margin-right: 8px; + } + } } .post__link { @@ -653,11 +693,11 @@ body.ios { color: #999; } - .permalink-icon { + .permalink-icon { display: inline-block; color: $primary-color; visibility: hidden; - } + } .comment-icon__container { fill: $primary-color; @@ -751,6 +791,7 @@ body.ios { width: 80%; padding-right: 5px; overflow-x: auto; + overflow-y: hidden; &.attachment__body--no_thumb { width: 100%; } @@ -765,6 +806,7 @@ body.ios { margin: 5px 0; padding: 0; line-height: 16px; + height: 22px; font-size: 16px; a { font-size: 16px; @@ -800,9 +842,10 @@ body.ios { } .permalink-text { - overflow: hidden; + overflow: hidden; } .permalink-popover { - min-width: 320px; + min-width: 320px; + margin-left: 50px !important; } |