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

读者模式切换 CSS
 
补全我的博客图标样式及视图切换对齐
第1行: 第1行:
/* ViewerMode gadget — hides editing UI in visitor view */
/* ViewerMode gadget styles */


/* Section [edit] links */
/* === Viewer mode: hide editing UI === */
html.viewer-mode .mw-editsection {
html.viewer-mode .mw-editsection {
     display: none !important;
     display: none !important;
}
}
/* Edit / View source / Visual edit page tabs */
html.viewer-mode #ca-edit,
html.viewer-mode #ca-edit,
html.viewer-mode #ca-ve-edit,
html.viewer-mode #ca-ve-edit,
第12行: 第10行:
     display: none !important;
     display: none !important;
}
}
/* More actions menu (move, delete, protect...) */
html.viewer-mode #p-cactions {
html.viewer-mode #p-cactions {
     display: none !important;
     display: none !important;
}
}
/* Watch / Unwatch */
html.viewer-mode #ca-watch,
html.viewer-mode #ca-watch,
html.viewer-mode #ca-unwatch {
html.viewer-mode #ca-unwatch {
     display: none !important;
     display: none !important;
}
}
/* Vector 2022 sticky header edit button */
html.viewer-mode .vector-sticky-header-edit-icons {
html.viewer-mode .vector-sticky-header-edit-icons {
     display: none !important;
     display: none !important;
}
}


/* Highlight toggle button when viewer mode is active */
/* Highlight toggle when viewer mode is active */
html.viewer-mode #pt-viewer-mode a {
html.viewer-mode #pt-viewer-mode a {
     color: #f0a500 !important;
     color: #f0a500 !important;
     font-weight: bold;
     font-weight: bold;
}
/* === Fix: 我的博客 icon alignment === */
#pt-simpleblog_myblog a {
    display: flex;
    align-items: center;
    gap: 8px;
}
#pt-simpleblog_myblog .vector-icon {
    flex-shrink: 0;
}
/* Viewer mode toggle link alignment */
#pt-viewer-mode a {
    display: flex;
    align-items: center;
    gap: 8px;
}
#pt-viewer-mode .vector-icon {
    flex-shrink: 0;
}
}