https://learn.devc.dev/w/history/MediaWiki:Gadget-RightToolbar.css?feed=atom 2026-04-08T21:13:23Z 本wiki上该页面的版本历史 MediaWiki 1.45.1 https://learn.devc.dev/index.php?title=MediaWiki:Gadget-RightToolbar.css&diff=1644&oldid=prev 2025-12-27T05:01:57Z

<p>统一样式层级与 SelectionCounter</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2025年12月27日 (六) 13:01的版本</td> </tr><tr> <td colspan="2" class="diff-lineno">第7行：</td> <td colspan="2" class="diff-lineno">第7行：</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> align-items: flex-end;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> align-items: flex-end;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> gap: 6px;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> gap: 6px;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> z-index: <del style="font-weight: bold; text-decoration: none;">9999</del>;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> z-index: <ins style="font-weight: bold; text-decoration: none;">2147483647</ins>;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> opacity: 0;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> opacity: 0;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> transform: translateY(12px);</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> transform: translateY(12px);</div></td> </tr> <!-- diff cache key learn:diff:1.41:old-1631:rev-1644:wikidiff2=table:1.13.0:bc2a06be --> </table>

Maintenance script https://learn.devc.dev/index.php?title=MediaWiki:Gadget-RightToolbar.css&diff=1631&oldid=prev 2025-12-27T04:30:53Z

<p>新增样式</p> <p><b>新页面</b></p><div>.mw-right-toolbar {<br /> position: fixed;<br /> bottom: 96px;<br /> right: 24px;<br /> display: flex;<br /> flex-direction: column;<br /> align-items: flex-end;<br /> gap: 6px;<br /> z-index: 9999;<br /> opacity: 0;<br /> transform: translateY(12px);<br /> transition: opacity 0.4s ease, transform 0.4s ease;<br /> }<br /> <br /> .mw-right-toolbar.is-visible {<br /> opacity: 1;<br /> transform: translateY(0);<br /> }<br /> <br /> .mw-right-toolbar .mw-rt-button,<br /> .mw-right-toolbar .mw-rt-clock {<br /> background: var(--color-surface-0, rgba(255, 255, 255, 0.85));<br /> border: 1px solid var(--border-color-base, #aaa);<br /> color: var(--color-base, #333);<br /> border-radius: 4px;<br /> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);<br /> font-size: 12px;<br /> line-height: 1.4;<br /> padding: 6px 12px;<br /> backdrop-filter: blur(4px);<br /> }<br /> <br /> .mw-right-toolbar .mw-rt-button {<br /> cursor: pointer;<br /> opacity: 0.8;<br /> transition: background 0.2s ease, opacity 0.2s ease, transform 0.2s ease;<br /> }<br /> <br /> .mw-right-toolbar .mw-rt-button:hover {<br /> opacity: 1;<br /> background: var(--background-color-progressive-subtle, #ddd);<br /> }<br /> <br /> .mw-right-toolbar .mw-rt-button:active {<br /> transform: translateY(1px);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-right-toolbar .mw-rt-button,<br /> .skin-theme-clientpref-night .mw-right-toolbar .mw-rt-clock {<br /> background: rgba(30, 30, 30, 0.85);<br /> border-color: #555;<br /> color: #eee;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .mw-right-toolbar {<br /> bottom: 72px;<br /> right: 16px;<br /> }<br /> }</div>

Maintenance script