MediaWiki:Gadget-RightToolbar.css:修订间差异

删除的内容 添加的内容
Maintenance script​(留言 | 贡献)
统一样式层级与 SelectionCounter
Maintenance script​(留言 | 贡献)
小 优化 RightToolbar 样式并在移动端隐藏
 
第1行:
.mw-right-toolbar {
position: fixed;
right: 16px24px;▼
bottom: 96px;
right bottom: 24px96px;
z-index: 2147483647;▼
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
▲ z-index: 2147483647;
opacity: 0;
transform: translateY(12px);
transition: opacity 0.4s160ms ease, transform 0.4s160ms ease;
}
 
.mw-right-toolbar.is-visible {
opacity: 1;
transform: translateY(0);
}
 
.mw-right-toolbar .mw-rt-button,
.mw-right-toolbar .mw-rt-clock {
border: 1px background:solid var(--border-color-surface-0, rgba(255, 255, 255base, 0.85)#a2a9b1);
border-radius: 4px;▼
border: 1px solid var(--border-color-base, #aaa);▼
color background: var(--color-basesurface-0, rgba(255, 255, 255, #3330.92));
box-shadow: 0 1px2px 3px8px rgba(0, 0, 0, 0.218);▼
▲ border-radius: 4px;
▲ border color: 1px solid var(--border-color-base, #aaa202122);
▲ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 1.4;
backdrop-filter: blur(4px6px);▼
padding: 6px 12px;▼
▲ backdrop-filter: blur(4px);
}
 
.mw-right-toolbar .mw-rt-button {
min-width: 48px;
cursor: pointer;▼
▲ padding: 6px 12px10px;
opacity: 0.8;▼
▲ cursor: pointer;
transition: background 0.2s ease, opacity 0.2s ease, transform 0.2s ease;▼
▲ opacity: 0.886;
▲ transition: background 0.2s120ms ease, opacity 0.2s120ms ease, transform 0.2s120ms ease;
}
 
.mw-right-toolbar .mw-rt-button:hover {,
.mw-right-toolbar .mw-rt-button:focus-visible {
opacity: 1;
background: var(--background-color-progressive-subtle, #dddeaecf0);
}
 
.mw-right-toolbar .mw-rt-button:active {
transform: translateY(1px);
}
 
.mw-right-toolbar .mw-rt-button[hidden] {
display: none;
}
 
.mw-right-toolbar .mw-rt-clock {
min-width: 132px;
padding: 7px 10px;
text-align: right;
}
 
.skin-theme-clientpref-night .mw-right-toolbar .mw-rt-button,
.skin-theme-clientpref-night .mw-right-toolbar .mw-rt-clock {
border-color: #55554595d;▼
background: rgba(3032, 3033, 3034, 0.8592);
▲ border-color: #555;
color: #eeef8f9fa;
}
 
@media (max-width: 768px) {
.mw-right-toolbar {
display: none !important;
bottom: 72px;
}
▲ right: 16px;
}
}