|
|
@@ -115,7 +115,7 @@ export class Files extends Model {
|
|
|
<span data-type="min" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.min} ${updateHotkeyTip(window.siyuan.config.keymap.general.closeTab.custom)}"><svg><use xlink:href='#iconMin'></use></svg></span>
|
|
|
</div>
|
|
|
<div class="fn__flex-1"></div>
|
|
|
-<ul class="b3-list fn__flex-column" style="min-height: auto;transition: var(--b3-transition)">
|
|
|
+<ul class="b3-list fn__flex-column" style="min-height: auto;height:30px;transition: height .2s cubic-bezier(0, 0, .2, 1) 0ms">
|
|
|
<li class="b3-list-item" data-type="toggle">
|
|
|
<span class="b3-list-item__toggle">
|
|
|
<svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg>
|
|
|
@@ -145,14 +145,15 @@ export class Files extends Model {
|
|
|
});
|
|
|
break;
|
|
|
} else if (type === "toggle") {
|
|
|
- if (this.closeElement.classList.contains("fn__flex-1")) {
|
|
|
+ const svgElement = target.querySelector("svg")
|
|
|
+ if (svgElement.classList.contains("b3-list-item__arrow--open")) {
|
|
|
+ this.closeElement.style.height = "30px"
|
|
|
+ svgElement.classList.remove("b3-list-item__arrow--open");
|
|
|
this.closeElement.lastElementChild.classList.add("fn__none");
|
|
|
- this.closeElement.classList.remove("fn__flex-1");
|
|
|
- target.querySelector("svg").classList.remove("b3-list-item__arrow--open");
|
|
|
} else {
|
|
|
+ this.closeElement.style.height = "40%"
|
|
|
+ svgElement.classList.add("b3-list-item__arrow--open");
|
|
|
this.closeElement.lastElementChild.classList.remove("fn__none");
|
|
|
- this.closeElement.classList.add("fn__flex-1");
|
|
|
- target.querySelector("svg").classList.add("b3-list-item__arrow--open");
|
|
|
}
|
|
|
window.siyuan.menus.menu.remove();
|
|
|
event.stopPropagation();
|
Vanessa