From 78deff2bc783507956137bae4d195986661a9358 Mon Sep 17 00:00:00 2001 From: Fernando Celmer Date: Sun, 16 Aug 2026 17:58:40 -0300 Subject: [PATCH 1/5] =?UTF-8?q?=F0=9F=AA=B2=20BUG-#36:=20Theme=20sidebar?= =?UTF-8?q?=20chevron=20color=20and=20tighten=20submenu=20indentation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../assets/css/mkdocs.min.css | 2 +- template/assets/css/mkdocs.css | 24 ++++++++++++------- 2 files changed, 17 insertions(+), 9 deletions(-) diff --git a/mkdocs_dracula_theme/assets/css/mkdocs.min.css b/mkdocs_dracula_theme/assets/css/mkdocs.min.css index 2130b24..0ae0164 100644 --- a/mkdocs_dracula_theme/assets/css/mkdocs.min.css +++ b/mkdocs_dracula_theme/assets/css/mkdocs.min.css @@ -1,2 +1,2 @@ -code,pre{background-color:var(--black)}footer,table{width:100%}.content,.sidebar ul.components{padding:0}.active,.bold,.sidebar h1{font-weight:700}.normal,a{text-decoration:none}a{color:var(--white)}a:hover{color:var(--pink)}footer{position:fixed;bottom:0}.footer-text{font-size:14px!important;margin-top:0!important;margin-bottom:0!important}pre{margin:1rem 0;padding:1rem 1rem 10px;font-size:.775em}article{padding-left:5%;padding-right:5%}table,td,th{border-color:var(--greySecondary)!important;padding-right:15px!important;border-width:1px;border-style:solid;padding:1%}h1,h2,h3,h4{margin-top:1.8rem!important}img,svg{max-width:100%;margin-left:auto;margin-right:auto}.logo{display:block;margin-bottom:10%;width:150px!important}.sidebar{min-width:270px;max-width:270px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:sticky}.sidebar.active{margin-left:-270px}.sidebar h1{margin-bottom:20px;font-size:30px}.sidebar h1 .logo span{font-size:14px;display:block}.sidebar ul li{font-size:16px}.sidebar ul li>ul{margin-left:10px}.sidebar ul li>ul li{font-size:14px}.sidebar ul li a{padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .custom-menu{display:inline-block;position:absolute;top:81px;right:0;margin-right:-41px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sidebar .custom-menu .btn{width:60px;height:60px;border-radius:50%;position:relative}.sidebar .custom-menu .btn i{margin-right:00px;font-size:18px}.sidebar .custom-menu .btn.btn-primary{background:0 0;border-color:transparent}.sidebar .custom-menu .btn.btn-primary:after{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;content:'';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:linear-gradient(var(--gradientDegree),var(--purple) 0,var(--cyan) 100%);border-radius:10px}.sidebar .custom-menu .btn.btn-primary:focus,.sidebar .custom-menu .btn.btn-primary:hover{background:0 0!important;border-color:transparent!important}@media (prefers-reduced-motion:reduce){.sidebar .custom-menu{-webkit-transition:none;-o-transition:none;transition:none}}@media (max-width:991.98px){.sidebarCollapse span{display:none}.sidebar{margin-left:-270px}.sidebar.active{margin-left:0}}.content{width:100%;min-height:100vh;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.content-search,.section-content{padding-top:7px!important}.dot-ul{list-style:none;display:flex;margin:10px 0 0;padding-left:23%}.dot-li{width:12px;height:12px;margin:3px;border-radius:100%}.md-source-repo-icon{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px;font-size:xx-large}.md-source-repo-text{display:flex;font-size:14px;text-align:left;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source-repo-url{display:inline-block;max-width:calc(100% - 1.2rem);white-space:nowrap;width:15em;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:left;vertical-align:middle}.flex-column{flex-direction:row-reverse!important}.divider{min-width:10px!important;flex-shrink:0;width:1.5rem}.btn-preview,.btn-preview:disabled{width:170px}.btn-preview:hover{border-color:var(--green)}.row-preview{padding:5px}.drac-bg-grey-ternary{--accentColor:var(--greyTernary);background-color:var(--greyTernary)}.drac-text-grey-ternary{color:var(--greyTernary)}@media all and (min-width:992px){.dropdown-menu li{position:relative}.nav-item .submenu{display:none;position:absolute;left:100%;top:-7px}.nav-item .submenu-left{right:100%;left:auto}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu>li:hover>.submenu{display:block}}@media (max-width:991px){.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}}.normal{font-weight:400;font-style:normal}.italic{font-style:italic}.scratched{text-decoration:line-through}.underline{text-decoration:underline}.overline{text-decoration:overline}@media only screen and (max-width:780px){a,code,h1,h2,h3,h4,h5,h6,li,p,small{margin-top:1rem!important;margin-bottom:1rem!important}.sidebar ul li a{padding:1%;font-size:15px!important;margin-top:1%!important;margin-bottom:8%!important}.site-name{font-size:14px!important}.title,h1,h2,h3,h4,h5,h6{font-size:18px!important}.container{padding-left:5%!important;padding-right:5%!important}main{margin-left:0!important;margin-right:0!important;line-height:1.8!important}a,code,li,p,small{font-size:12px!important}article{padding-left:10%;padding-right:10%}.section-content{padding-top:7px!important;padding-bottom:20%!important}.footer-text{font-size:12px!important;margin-top:0!important;margin-bottom:0!important}}.search-box{margin-top:2%;margin-bottom:1%}.btn-toggle{color:var(--white)!important;background-color:transparent;display:inline-flex!important;text-decoration:none;transition:.16s ease-in-out}.btn-toggle:focus,.btn-toggle:hover{color:var(--purple)!important;background:var(--black)!important}.btn-toggle::after{width:1.25em;line-height:0;content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition:transform .35s;transform-origin:.5em 50%;margin-left:10px}[data-bs-theme=dark] .btn-toggle::after{content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28248,248,242,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e")}.btn-toggle[aria-expanded=true]{color:rgba(var(--bs-emphasis-color-rgb),.85)}.btn-toggle[aria-expanded=true]::after{transform:rotate(90deg)}.drac-anchor-secondary{margin-left:10%}.drac-box-ternary{margin-top:3%;margin-left:10%}.drac-input-search{margin-top:2px;width:170px} +code,pre{background-color:var(--black)}footer,table{width:100%}.content,.sidebar ul.components{padding:0}.active,.bold,.sidebar h1{font-weight:700}.normal,a{text-decoration:none}a{color:var(--white)}a:hover{color:var(--pink)}footer{position:fixed;bottom:0}.footer-text{font-size:14px!important;margin-top:0!important;margin-bottom:0!important}pre{margin:1rem 0;padding:1rem 1rem 10px;font-size:.775em}article{padding-left:5%;padding-right:5%}table,td,th{border-color:var(--greySecondary)!important;padding-right:15px!important;border-width:1px;border-style:solid;padding:1%}h1,h2,h3,h4{margin-top:1.8rem!important}img,svg{max-width:100%;margin-left:auto;margin-right:auto}.logo{display:block;margin-bottom:10%;width:150px!important}.sidebar{min-width:270px;max-width:270px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:sticky}.sidebar.active{margin-left:-270px}.sidebar h1{margin-bottom:20px;font-size:30px}.sidebar h1 .logo span{font-size:14px;display:block}.sidebar ul li{font-size:16px}.sidebar ul li>ul{margin-left:10px}.sidebar ul li>ul li{font-size:14px}.sidebar ul li a{padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .custom-menu{display:inline-block;position:absolute;top:81px;right:0;margin-right:-41px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sidebar .custom-menu .btn{width:60px;height:60px;border-radius:50%;position:relative}.sidebar .custom-menu .btn i{margin-right:00px;font-size:18px}.sidebar .custom-menu .btn.btn-primary{background:0 0;border-color:transparent}.sidebar .custom-menu .btn.btn-primary:after{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;content:'';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:linear-gradient(var(--gradientDegree),var(--purple) 0,var(--cyan) 100%);border-radius:10px}.sidebar .custom-menu .btn.btn-primary:focus,.sidebar .custom-menu .btn.btn-primary:hover{background:0 0!important;border-color:transparent!important}@media (prefers-reduced-motion:reduce){.sidebar .custom-menu{-webkit-transition:none;-o-transition:none;transition:none}}@media (max-width:991.98px){.sidebarCollapse span{display:none}.sidebar{margin-left:-270px}.sidebar.active{margin-left:0}}.content{width:100%;min-height:100vh;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.content-search,.section-content{padding-top:7px!important}.dot-ul{list-style:none;display:flex;margin:10px 0 0;padding-left:23%}.dot-li{width:12px;height:12px;margin:3px;border-radius:100%}.md-source-repo-icon{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px;font-size:xx-large}.md-source-repo-text{display:flex;font-size:14px;text-align:left;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source-repo-url{display:inline-block;max-width:calc(100% - 1.2rem);white-space:nowrap;width:15em;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:left;vertical-align:middle}.flex-column{flex-direction:row-reverse!important}.divider{min-width:10px!important;flex-shrink:0;width:1.5rem}.btn-preview,.btn-preview:disabled{width:170px}.btn-preview:hover{border-color:var(--green)}.row-preview{padding:5px}.drac-bg-grey-ternary{--accentColor:var(--greyTernary);background-color:var(--greyTernary)}.drac-text-grey-ternary{color:var(--greyTernary)}@media all and (min-width:992px){.dropdown-menu li{position:relative}.nav-item .submenu{display:none;position:absolute;left:100%;top:-7px}.nav-item .submenu-left{right:100%;left:auto}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu>li:hover>.submenu{display:block}}@media (max-width:991px){.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}}.normal{font-weight:400;font-style:normal}.italic{font-style:italic}.scratched{text-decoration:line-through}.underline{text-decoration:underline}.overline{text-decoration:overline}@media only screen and (max-width:780px){a,code,h1,h2,h3,h4,h5,h6,li,p,small{margin-top:1rem!important;margin-bottom:1rem!important}.sidebar ul li a{padding:1%;font-size:15px!important;margin-top:1%!important;margin-bottom:8%!important}.site-name{font-size:14px!important}.title,h1,h2,h3,h4,h5,h6{font-size:18px!important}.container{padding-left:5%!important;padding-right:5%!important}main{margin-left:0!important;margin-right:0!important;line-height:1.8!important}a,code,li,p,small{font-size:12px!important}article{padding-left:10%;padding-right:10%}.section-content{padding-top:7px!important;padding-bottom:20%!important}.footer-text{font-size:12px!important;margin-top:0!important;margin-bottom:0!important}}.search-box{margin-top:2%;margin-bottom:1%}.btn-toggle{color:var(--white)!important;background-color:transparent;display:inline-flex!important;text-decoration:none;transition:.16s ease-in-out}.btn-toggle:focus,.btn-toggle:hover{color:var(--purple)!important;background:var(--black)!important}.btn-toggle::after{display:inline-block;width:1.25em;height:1.25em;content:'';background-color:var(--purple);-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e") no-repeat center/contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e") no-repeat center/contain;transition:transform .35s ease,background-color .16s ease-in-out;transform-origin:.5em 50%;margin-left:10px}.btn-toggle:focus::after,.btn-toggle:hover::after{background-color:var(--cyan)}.btn-toggle[aria-expanded=true]{color:rgba(var(--bs-emphasis-color-rgb),.85)}.btn-toggle[aria-expanded=true]::after{background-color:var(--pink);transform:rotate(90deg)}.drac-anchor-secondary{margin-left:0}.drac-box-ternary{margin-top:0;margin-left:.75rem;padding-left:.75rem;border-left:2px solid var(--greySecondary)}.drac-input-search{margin-top:2px;width:170px} .admonition{border-left:4px solid var(--purple);border-radius:.5rem;background:var(--purple-transparent);padding:.75rem 1rem;margin:1.25rem 0;overflow:hidden}.admonition p:last-child{margin-bottom:0}.admonition-title{font-weight:700;margin:-.75rem -1rem .75rem -1rem;padding:.5rem 1rem;display:flex;align-items:center}.admonition-title::before{font-family:FontAwesome;margin-right:.5rem;content:"\f040"}.admonition.note{border-color:var(--purple);background:var(--purple-transparent)}.admonition.note .admonition-title{background:rgba(149,128,255,.15);color:var(--purple)}.admonition.note .admonition-title::before{content:"\f040"}.admonition.abstract,.admonition.summary,.admonition.tldr{border-color:var(--cyan);background:var(--cyan-transparent)}.admonition.abstract .admonition-title,.admonition.summary .admonition-title,.admonition.tldr .admonition-title{background:rgba(128,255,234,.15);color:var(--cyan)}.admonition.abstract .admonition-title::before,.admonition.summary .admonition-title::before,.admonition.tldr .admonition-title::before{content:"\f0ea"}.admonition.info{border-color:var(--cyan);background:var(--cyan-transparent)}.admonition.info .admonition-title{background:rgba(128,255,234,.15);color:var(--cyan)}.admonition.info .admonition-title::before{content:"\f05a"}.admonition.tip,.admonition.hint,.admonition.important{border-color:var(--green);background:var(--green-transparent)}.admonition.tip .admonition-title,.admonition.hint .admonition-title,.admonition.important .admonition-title{background:rgba(138,255,128,.15);color:var(--green)}.admonition.tip .admonition-title::before,.admonition.hint .admonition-title::before,.admonition.important .admonition-title::before{content:"\f0eb"}.admonition.success,.admonition.check,.admonition.done{border-color:var(--green);background:var(--green-transparent)}.admonition.success .admonition-title,.admonition.check .admonition-title,.admonition.done .admonition-title{background:rgba(138,255,128,.15);color:var(--green)}.admonition.success .admonition-title::before,.admonition.check .admonition-title::before,.admonition.done .admonition-title::before{content:"\f058"}.admonition.question,.admonition.help,.admonition.faq{border-color:var(--yellow);background:var(--yellow-transparent)}.admonition.question .admonition-title,.admonition.help .admonition-title,.admonition.faq .admonition-title{background:rgba(255,255,128,.15);color:var(--yellow)}.admonition.question .admonition-title::before,.admonition.help .admonition-title::before,.admonition.faq .admonition-title::before{content:"\f059"}.admonition.warning,.admonition.caution,.admonition.attention{border-color:var(--orange);background:var(--orange-transparent)}.admonition.warning .admonition-title,.admonition.caution .admonition-title,.admonition.attention .admonition-title{background:rgba(255,202,128,.15);color:var(--orange)}.admonition.warning .admonition-title::before,.admonition.caution .admonition-title::before,.admonition.attention .admonition-title::before{content:"\f071"}.admonition.failure,.admonition.fail,.admonition.missing{border-color:var(--pink);background:var(--pink-transparent)}.admonition.failure .admonition-title,.admonition.fail .admonition-title,.admonition.missing .admonition-title{background:rgba(255,128,191,.15);color:var(--pink)}.admonition.failure .admonition-title::before,.admonition.fail .admonition-title::before,.admonition.missing .admonition-title::before{content:"\f057"}.admonition.danger,.admonition.error{border-color:var(--red);background:var(--red-transparent)}.admonition.danger .admonition-title,.admonition.error .admonition-title{background:rgba(255,149,128,.15);color:var(--red)}.admonition.danger .admonition-title::before,.admonition.error .admonition-title::before{content:"\f0e7"}.admonition.bug{border-color:var(--red);background:var(--red-transparent)}.admonition.bug .admonition-title{background:rgba(255,149,128,.15);color:var(--red)}.admonition.bug .admonition-title::before{content:"\f188"}.admonition.example{border-color:var(--purple);background:var(--purple-transparent)}.admonition.example .admonition-title{background:rgba(149,128,255,.15);color:var(--purple)}.admonition.example .admonition-title::before{content:"\f03a"}.admonition.quote,.admonition.cite{border-color:var(--grey);background:rgba(65,69,88,.2)}.admonition.quote .admonition-title,.admonition.cite .admonition-title{background:rgba(65,69,88,.3);color:var(--white)}.admonition.quote .admonition-title::before,.admonition.cite .admonition-title::before{content:"\f10d"} diff --git a/template/assets/css/mkdocs.css b/template/assets/css/mkdocs.css index 38e047b..e1b99ac 100644 --- a/template/assets/css/mkdocs.css +++ b/template/assets/css/mkdocs.css @@ -444,16 +444,21 @@ img, svg { } .btn-toggle::after { + display: inline-block; width: 1.25em; - line-height: 0; - content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); - transition: transform .35s ease; + height: 1.25em; + content: ""; + background-color: var(--purple); + -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e") no-repeat center / contain; + mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e") no-repeat center / contain; + transition: transform .35s ease, background-color .16s ease-in-out; transform-origin: .5em 50%; margin-left: 10px; } -[data-bs-theme="dark"] .btn-toggle::after { - content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28248,248,242,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); +.btn-toggle:hover::after, +.btn-toggle:focus::after { + background-color: var(--cyan); } .btn-toggle[aria-expanded="true"] { @@ -461,16 +466,19 @@ img, svg { } .btn-toggle[aria-expanded="true"]::after { + background-color: var(--pink); transform: rotate(90deg); } .drac-anchor-secondary { - margin-left: 10%; + margin-left: 0; } .drac-box-ternary { - margin-top: 3%; - margin-left: 10%; + margin-top: 0; + margin-left: 0.75rem; + padding-left: 0.75rem; + border-left: 2px solid var(--greySecondary); } .drac-input-search { From 086096e74a3de0703fad253cc00ee27dc66ee0e4 Mon Sep 17 00:00:00 2001 From: Fernando Celmer Date: Sun, 16 Aug 2026 17:58:40 -0300 Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=AA=B2=20BUG-#36:=20Auto-expand=20sid?= =?UTF-8?q?ebar=20section=20containing=20the=20active=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mkdocs_dracula_theme/modules/dropdown-menu.html | 6 +++--- mkdocs_dracula_theme/modules/menu.html | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/mkdocs_dracula_theme/modules/dropdown-menu.html b/mkdocs_dracula_theme/modules/dropdown-menu.html index b7d5041..9e508bb 100644 --- a/mkdocs_dracula_theme/modules/dropdown-menu.html +++ b/mkdocs_dracula_theme/modules/dropdown-menu.html @@ -9,12 +9,12 @@ {%- else %}
  • -