ClearML/clearml-docs
1
0
Fork 0
mirror of https://github.com/clearml/clearml-docs synced 2025-01-31 06:27:22 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Update expansion panel design (#521)

Browse Source
This commit is contained in:
pollfly 2023-04-03 13:18:09 +03:00 committed by GitHub
parent 97aa1e7bad
commit 8918b93f98
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/css/custom.css
View File

@ -666,30 +666,7 @@ html[data-theme="light"] .icon {
left: calc(50% - 10px);
}
/* light mode */
html[data-theme="light"] .cml-expansion-panel[open] {
border-left-color: var(--ifm-color-primary);
}
html[data-theme="light"] .cml-expansion-panel,
html[data-theme="light"] .cml-expansion-panel-summary:before {
background-color: #f2f2f2;
}
html[data-theme="light"] .cml-expansion-panel-summary {
color: #5a668d;
}
/* opened expansion */
.cml-expansion-panel[open] {
border-left-color: var(--ifm-color-primary-dark);
}
.cml-expansion-panel[open] .cml-expansion-panel-summary:after {
transform: rotate(-180deg);
}
/* md headding style */
/* md heading style */
/* <h3> */
.markdown h3 {
@ -838,8 +815,21 @@ html[data-theme="dark"] .panel.configuration {
text-align: left;
background-color: inherit;
border: none;
border-radius: var(--ifm-global-radius);
color: var(--ifm-font-color-base);
}
html[data-theme="light"] .panel-title:hover {
background-color: var(--ifm-hover-overlay);
}
html[data-theme="dark"] .panel-title:hover {
background-color: var(--ifm-hover-overlay);
}
.panel-open .panel-title {
border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0;
}
.panel-title:after {
content:"";
position: absolute;