Design fixes (#355)

This commit is contained in:
pollfly 2022-10-25 13:21:44 +03:00 committed by GitHub
parent dc548c852e
commit c00ea5639b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 8 deletions

View File

@ -183,6 +183,7 @@ module.exports = {
docs: { docs: {
sidebarPath: require.resolve('./sidebars.js'), sidebarPath: require.resolve('./sidebars.js'),
// Please change this to your repo. // Please change this to your repo.
breadcrumbs: false,
editUrl: editUrl:
'https://github.com/allegroai/clearml-docs/edit/main/', 'https://github.com/allegroai/clearml-docs/edit/main/',
}, },

View File

@ -544,16 +544,16 @@ html[data-theme="dark"] .markdown table td {
filter: brightness(0.5); filter: brightness(0.5);
} }
.size-sm { .icon.size-sm {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.size-md { .icon.size-md {
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
.size-lg { .icon.size-lg {
width: 32x; width: 32px;
height: 32px; height: 32px;
} }
html[data-theme="light"] .icon { html[data-theme="light"] .icon {
@ -575,12 +575,21 @@ html[data-theme="light"] .icon {
/* expansion panel */ /* expansion panel */
.cml-expansion-panel { .cml-expansion-panel {
position: relative; position: relative;
padding: 0; padding: 0 0 0 40px !important;
background-color: var(--ifm-toc-background-color); background-color: var(--ifm-toc-background-color);
border-left: 4px solid transparent; /*border-left: 4px solid transparent;*/
border-radius: 4px; border-radius: 4px;
transition: border-left 0.4s ease; transition: border-left 0.4s ease;
border: none !important;
} }
div[class^="collapsibleContent"] {
margin: 0 !important;
padding: 0 !important;
border-top: none !important;
}
.cml-expansion-panel-summary { .cml-expansion-panel-summary {
outline: none; outline: none;
color: #8f9dc9; color: #8f9dc9;
@ -599,11 +608,12 @@ html[data-theme="light"] .icon {
height: 24px; height: 24px;
line-height: 16px; line-height: 16px;
position: absolute; position: absolute;
left: 8px; left: -40px !important;
top: 8px; top: 4px !important;
background-color: var(--ifm-toc-background-color); background-color: var(--ifm-toc-background-color);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
transform: rotate(0deg) !important;
} }
.cml-expansion-panel-summary:after { .cml-expansion-panel-summary:after {
content:""; content:"";