diff options
Diffstat (limited to 'web/sass-files')
-rw-r--r-- | web/sass-files/sass/partials/_admin-console.scss | 9 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_content.scss | 1 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_markdown.scss | 2 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_modal.scss | 5 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 22 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 72 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_tutorial.scss | 1 |
7 files changed, 84 insertions, 28 deletions
diff --git a/web/sass-files/sass/partials/_admin-console.scss b/web/sass-files/sass/partials/_admin-console.scss index b28c7d984..dc8b950e4 100644 --- a/web/sass-files/sass/partials/_admin-console.scss +++ b/web/sass-files/sass/partials/_admin-console.scss @@ -5,6 +5,15 @@ height: 100%; } + .inner__wrap { + position: absolute; + width: 100%; + } + + .row { + margin: 0; + } + h3 { font-weight: 600; border-bottom: 1px solid #ddd; diff --git a/web/sass-files/sass/partials/_content.scss b/web/sass-files/sass/partials/_content.scss index b54c97b41..fb2355da7 100644 --- a/web/sass-files/sass/partials/_content.scss +++ b/web/sass-files/sass/partials/_content.scss @@ -38,6 +38,7 @@ font-size: 13px; .fa { + font-size: 11px; @include opacity(0.7); } diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss index 9ad15f91a..7aa29d95d 100644 --- a/web/sass-files/sass/partials/_markdown.scss +++ b/web/sass-files/sass/partials/_markdown.scss @@ -43,7 +43,7 @@ @include opacity(0.2); } code { - white-space: pre; + white-space: pre-line; } } .markdown__table { diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index 7627f6a4c..b451adb75 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -10,6 +10,11 @@ .modal { width: 100%; color: #333; + body.browser--IE & { + .modal-dialog { + @include translateY(0); + } + } &.image_modal { .modal-backdrop.in { @include opacity(0.7); diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 34ff7e5a9..be85ef07b 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -408,7 +408,7 @@ body.ios { @include legacy-pie-clearfix; &:hover { - .dropdown, .comment-icon__container { + .dropdown, .comment-icon__container, .post__reply { visibility: visible; } .permalink-icon { @@ -754,15 +754,35 @@ body.ios { visibility: hidden; } + .post__reply { + display: inline-block; + margin-right: 6px; + visibility: hidden; + svg { + width: 18px; + top: 3px; + fill: inherit; + position: relative; + } + } + .comment-icon__container { fill: $primary-color; display: inline-block; visibility: hidden; + &:focus { + outline: none; + } + &.icon--visible { visibility: visible; } + svg { + width: 17px; + } + .comment-icon { display: inline-block; top: 3px; diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 8491869a6..832481cc5 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -72,29 +72,19 @@ } - .post { - - .post-list__content & { - - &:hover { - background: transparent; - - .comment-icon__container { - visibility: hidden; - - &.icon--show { - visibility: visible; - } +} - } +@media screen and (max-width: 768px) { - } + .signup-team__container { + font-size: 1em; + } - } + .date-separator.hovered--after:before, .new-separator.hovered--after:before { + background: none !important; + } - .dropdown { - visibility: visible; - } + .post { .post__dropdown { line-height: 9px; @@ -112,20 +102,50 @@ } - } + .post-list__content & { -} + &:hover { + background: transparent; + } -@media screen and (max-width: 768px) { + .comment-icon__container { + visibility: visible; + } - .signup-team__container { - font-size: 1em; - } + } - .post { + .dropdown, .post__reply { + visibility: visible; + } + + .post__body { + width: calc(100% - 75px); + } + + .post__reply { + margin-right: 20px; + float: right; + + svg { + top: 1px; + } + + } + + &.other--root .post__reply { + + &.post__reply--hide { + visibility: hidden; + } + + } .post__header { + .col__reply { + width: 65px; + } + .col__name { pointer-events: none; } diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss index 20a15441e..0a2d1e704 100644 --- a/web/sass-files/sass/partials/_tutorial.scss +++ b/web/sass-files/sass/partials/_tutorial.scss @@ -146,6 +146,7 @@ &.tip-overlay--sidebar { left: 0; + @include opacity(0.8); top: -9px; } |