diff options
Diffstat (limited to 'web/sass-files/sass')
-rw-r--r-- | web/sass-files/sass/partials/_markdown.scss | 28 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_navbar.scss | 3 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 30 |
3 files changed, 55 insertions, 6 deletions
diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss index ea5ccd2d2..6d1ecbfa0 100644 --- a/web/sass-files/sass/partials/_markdown.scss +++ b/web/sass-files/sass/partials/_markdown.scss @@ -9,11 +9,26 @@ } } #post-list { - .markdown-inline-img { - -moz-force-broken-image-icon: 1; - max-height: 500px; - height: 500px; - } + .markdown-inline-img { + -moz-force-broken-image-icon: 1; + max-height: 500px; + height: 500px; + } +} + +.post-body--code { + position: relative; +} + +.post-body--code__language { + position: absolute; + top: 0; + right: 0; + color: #fff; + background: #21586D; + padding: 4px 10px 5px 10px; + font-size: 13px; + opacity: 0.7; } .post__body { @@ -25,6 +40,9 @@ border: 0 none; @include opacity(0.2); } + code { + white-space: pre; + } } .markdown__table { background: #fff; diff --git a/web/sass-files/sass/partials/_navbar.scss b/web/sass-files/sass/partials/_navbar.scss index c570c4663..aad46d3d9 100644 --- a/web/sass-files/sass/partials/_navbar.scss +++ b/web/sass-files/sass/partials/_navbar.scss @@ -33,6 +33,9 @@ background: #fff; width: 21px; } + .glyphicon-search { + top: -1px; + } .icon--white { color: #fff; } diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 99e985b0c..b7609bb7d 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -361,8 +361,15 @@ body.ios { .dropdown, .comment-icon__container { visibility: visible; } + .permalink-icon { + visibility: visible; + } } + &.post--highlight { + background-color: beige; + } + ul { margin: 0; padding: 0; @@ -520,6 +527,8 @@ body.ios { } .post__header { + padding: 0; + list-style: none; margin-bottom: 2px; li { @@ -588,6 +597,11 @@ body.ios { padding: 0.2em 0.5em 0em; @include legacy-pie-clearfix; width: calc(100% - 70px); + + ul { + padding: 5px 0 0 20px; + } + } .post__link { @@ -617,6 +631,12 @@ body.ios { color: #999; } + .permalink-icon { + display: inline-block; + color: $primary-color; + visibility: hidden; + } + .comment-icon__container { fill: $primary-color; display: inline-block; @@ -755,4 +775,12 @@ body.ios { margin: 0; } } -}
\ No newline at end of file +} + +.permalink-text { + overflow: hidden; +} + +.permalink-popover { + min-width: 320px; +} |