docs: redesigned code blocks (#2745)
* docs: redesigned code blocks to include titles * docs: added a title where necessary
This commit is contained in:
@@ -58,11 +58,11 @@
|
||||
display: flex;
|
||||
column-gap: 0.2rem;
|
||||
position: absolute;
|
||||
right: calc(var(--ifm-pre-padding) / 4 - 2px);
|
||||
top: calc(var(--ifm-pre-padding) / 4 - 2px);
|
||||
right: var(--ifm-pre-padding);
|
||||
top: var(--ifm-pre-padding);
|
||||
}
|
||||
|
||||
.buttonGroup button {
|
||||
.buttonGroup .code-action {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: var(--prism-background-color);
|
||||
@@ -80,6 +80,10 @@
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.thinCodeWrapper + .buttonGroup {
|
||||
top: calc(var(--ifm-pre-padding) / 4 - 2px) !important;
|
||||
}
|
||||
|
||||
:global(.theme-code-block:hover) .buttonGroup button {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user