• Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

微件討論:TopicNavBar

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

編輯請求 - Func

由Func提出的編輯請求:

狀態:   完成

將以下內容:

.ztdh-hsctrl {
    position: absolute;
    right: 6px;
    top: 51px;
    background: #FFFFFF;
    padding: 0 6px;
    cursor: pointer;
}

修改為:

.ztdh-hsctrl {
    position: relative;
    float: right;
    margin-top:-1.4em;
    margin-bottom:-0.2em;
    background: #FFFFFF;
    padding: 0 6px;
    cursor: pointer;
}

適應高度不同的導航條,如Template:艦隊Collection:導航-- Func討論·貢獻) 2020年4月27日 (一) 14:23 (CST)

完成--飢餓之聲-弗霖凱討論) 2020年4月27日 (一) 15:45 (CST)

編輯請求 - 葫蘆又

由葫蘆又提出的編輯請求:

狀態:   完成

將以下內容:

.ztdh-hsctrl {
    position: relative;
    float: right;
    margin-top:-1.4em;
    margin-bottom:-0.2em;
    background: #FFFFFF;
    padding: 0 6px;
    cursor: pointer;
}

修改為:

.ztdh-hsctrl {
    float: right;
    background: #FFFFFF;
    padding: 0 6px;
    cursor: pointer;
}

或做其他調整。原排版布局在模板右側有提示内容時可能遮擋文字(例如{{LoveLive!學園偶像祭ALL STARS:導航}}),需將「顯示全部」移動一下位置。上述代碼將「顯示全部」移動至clear右下方,可避免文字遮擋。如果希望橫線不要穿過「顯示全部」文字,可以將:

.ztdh hr{
  margin: 12px 0;
}

修改為:

.ztdh hr{
  margin: 1.6em 0 12px 0;
}

其中1.6em是「顯示全部」文字的行高。或者可以更激進地,將{{專題導航}}中

<div class="ztdhclear"></div>
<div class="ztdh-hsctrl">[ 显示全部 ]</div>

的兩行調換順序,讓「顯示全部」文字直接抵在提示内容部分下方,並讓橫線位於clear下方。這樣就一定不會有遮擋,但空白可能增多。 — 葫蘆又留言 2021年9月9日 (四) 13:42 (CST)

Done.——From AnnAngela the Bureaucrat (Talk) 2021年9月9日 (四) 16:45 (CST)

編輯請求 - Bhsd - 2022.01.27

由Bhsd提出的對Widget:TopicNavBar的編輯請求:

狀態:   完成

將以下內容:

$(".menu-item").on("click", ({ target }) => {
    $(target).children(".menu-content").toggle();

修改為:

$(".menu-item").on("click", function() {
    $(this).children(".menu-content").toggle();

如果是用在{{專題導航}}的話,event.target是span.menu-title。一般來說event.target是什麼並不確定。————移動版用戶 Bhsd 2022年1月28日 (五) 06:43 (CST)

Done.——From AnnAngela the Bureaucrat (Talk) 2022年1月28日 (五) 09:16 (CST)