diff options
Diffstat (limited to 'assets/scss/partials/layout')
-rw-r--r-- | assets/scss/partials/layout/article.scss | 48 | ||||
-rw-r--r-- | assets/scss/partials/layout/search.scss | 4 |
2 files changed, 22 insertions, 30 deletions
diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss index ba06c11..97c7e77 100644 --- a/assets/scss/partials/layout/article.scss +++ b/assets/scss/partials/layout/article.scss @@ -286,12 +286,10 @@ line-height: 1.428571429; word-break: break-all; padding: var(--card-padding); - // keep Codeblocks LTR [dir="rtl"] & { direction: ltr; } - code { color: unset; border: none; @@ -305,11 +303,15 @@ padding: var(--card-padding); position: relative; + &:hover { + .copyCodeButton { + opacity: 1; + } + } // keep Codeblocks LTR [dir="rtl"] & { direction: ltr; } - pre { margin: initial; padding: 0; @@ -318,30 +320,20 @@ } } - .codeblock { - header { - background-color: var(--card-background-selected); - padding: 5px var(--card-padding); - display: flex; - justify-content: space-between; - box-shadow: var(--shadow-l1); - - span { - text-transform: uppercase; - font-weight: bold; - color: var(--card-text-color-secondary); - } - } - - .codeblock-copy { - cursor: pointer; - background-color: transparent; - border: none; - padding: 8px 16px; - color: var(--card-text-color-secondary); - font-size: 14px; - font-weight: bold; - } + .copyCodeButton { + position: absolute; + top: calc(var(--card-padding)); + right: calc(var(--card-padding)); + background: var(--card-background); + border: none; + box-shadow: var(--shadow-l2); + border-radius: var(--tag-border-radius); + padding: 8px 16px; + color: var(--card-text-color-main); + cursor: pointer; + font-size: 14px; + opacity: 0; + transition: opacity 0.3s ease; } .table-wrapper { @@ -410,7 +402,7 @@ /// Negative margins blockquote, figure, - .codeblock, + .highlight, pre, .gallery, .video-wrapper, diff --git a/assets/scss/partials/layout/search.scss b/assets/scss/partials/layout/search.scss index cbf15b7..89cdcef 100644 --- a/assets/scss/partials/layout/search.scss +++ b/assets/scss/partials/layout/search.scss @@ -31,7 +31,6 @@ input { padding: 40px 20px 20px; - padding-inline-end: var(--button-size); border-radius: var(--card-border-radius); background-color: var(--card-background); box-shadow: var(--shadow-l1); @@ -79,4 +78,5 @@ height: 20px; } } -} + +}
\ No newline at end of file |