MediaWiki讨论:Timeless.css
Timeless问题
[编辑]- 下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
心血来潮用了Timeless布景主题，发现Wikipedia:首页的标题不会像英文版一样自动隐藏--John123521 (留言-贡献) 2020年11月8日 (日) 06:53 (UTC)
- 您可以通过在User:John123521/timeless.css或User:John123521/common.css中加入
.action-view.page-Wikipedia_首页 #contentSub, .action-view.page-Wikipedia_首页 #siteSub, .action-view.page-Wikipedia_首页 .firstHeading, .page-Wikipedia_首页 #deleteconfirm, .page-Wikipedia_首页 #footer-info-lastmod, .page-Wikipedia_首页 #t-cite { display: none !important }
- 来隐藏它们。
- Ps：其实我觉得不隐藏也蛮好看的。 --安忆Talk 2020年11月8日 (日) 07:36 (UTC)
- 本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
Timeless首页问题
[编辑]- 下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
维基姊妹计划无法正常显示--John123521 (留言-贡献) 2020年12月30日 (三) 14:27 (UTC)
- 可以临时在您的自定义CSS中加入以下样式以修正此问题（最终应修改MediaWiki:Timeless.css）：
#mp-2012-sisters .content-table { overflow: hidden } #mp-2012-sisters>div { margin: initial !important; width: 100% !important }
- --安忆Talk 2021年1月1日 (五) 14:12 (UTC)
- 本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
Timeless皮肤首页标题
[编辑]- 下列讨论已经关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。
有用户提出，中维没有如其他语言（不止英语）一样隐藏Timeless皮肤下的首页标题，见于：MediaWiki_talk:Timeless.css，是否我们也应该隐藏（为了统一）？--安忆Talk 2021年1月2日 (六) 11:12 (UTC)
- (＋)支持，也更加美观。（插句题外话，感觉Timeless比新旧Vector不知道高到哪里去了……）--Tim Wu（留言） 2021年1月2日 (六) 14:17 (UTC)
- (＋)支持隐藏。--🔨（留言） 2021年1月3日 (日) 11:27 (UTC)
- (＋)支持。—— Eric Liu 创造は生命（留言．留名．学生会） 2021年1月3日 (日) 12:08 (UTC)
- (＝)中立 感觉两种都挺好。--YFdyh000（留言） 2021年1月3日 (日) 12:18 (UTC)
- 基于美观性考虑(＋)支持隐藏。SANMOSA SPQR 2021年1月4日 (一) 04:10 (UTC)
于此处五日内无预见外的明显争议，于Bulletin公告期间内无反对意见，可考虑雪球法则。但因更改会对首页有可见变化，故仅提前进入公示，2021年1月14日 (四) 01:45 (UTC)结束。--安忆Talk 2021年1月7日 (四) 01:45 (UTC)
- 本讨论已关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。
移除Timeless主题下按钮字体的阴影
[编辑].mw-ui-button {
padding: 0.25em 1em 0.1em 1em;
border: solid 1px #cccccc;
border-bottom-width: 1px;
border-bottom-width: 0.2em;
/* text-shadow: 0 -1px 0 #cccccc; */
box-sizing: border-box;
border-radius: 0.2em;
min-height: 30px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
Timeless主题下按钮使用了text-shadow实现了字体加粗的效果，然而阴影偏移造成了模糊，例如本页顶栏的几个按钮。应该删除该属性或减小偏移量，个人认为直接删除该属性更好。--Scvoet Talk 2021年1月6日 (三) 07:45 (UTC)
- 并没有模糊啊？--安忆Talk 2021年1月6日 (三) 08:16 (UTC)
- 那个阴影会导致在字的一些边缘会粘在一起，就有模糊的感觉。--Scvoet Talk 2021年1月6日 (三) 09:53 (UTC)
- 修改前、修改后。感觉是字体“镶边”效果。个人都可以接受。--YFdyh000（留言） 2021年1月6日 (三) 08:20 (UTC)
- 个人认为这是Timeless的风格，本地没有改的必要。--安忆Talk 2021年1月6日 (三) 08:26 (UTC)
- 我也同意，这是feature，不是bug--百無一用是書生 (☎) 2021年1月7日 (四) 03:05 (UTC)
- 个人认为这是Timeless的风格，本地没有改的必要。--安忆Talk 2021年1月6日 (三) 08:26 (UTC)
Timeless皮肤infobox问题
[编辑]- 下列讨论已经关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。
今儿发现Timeless皮肤下的infobox宽度都铺满，而且这问题不止本站有，英文WP也有。F12看了下源代码，怀疑是js在改动顶部的caption标签的宽度。--🔨（留言） 2021年1月8日 (五) 02:53 (UTC)
- 本站已修复。--安忆Talk 2021年1月8日 (五) 03:01 (UTC)
- 并没有修复，我试了下禁用js，infobox宽度就没铺满了。说明就是js的问题。--🔨（留言） 2021年1月8日 (五) 03:33 (UTC)
完成：差异，生效或需一定时间。--安忆Talk 2021年1月8日 (五) 04:06 (UTC)
- 并没有修复，我试了下禁用js，infobox宽度就没铺满了。说明就是js的问题。--🔨（留言） 2021年1月8日 (五) 03:33 (UTC)
- 本讨论已关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。
Timeless皮肤的coord问题
[编辑]- 下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
在Timeless皮肤下，coord模板即便display参数带了title，仍然不会像vector皮肤那样在页面右上方显示，另外“坐标：”的右边也没有那个可以调出弹窗的图标。以上问题在英文版的Timeless皮肤均不存在，只是英文版那边暂时还没找到小分辨率下放置coord的合适位置，望这边也能够参考英文版对这问题进行修复。--🔨（留言） 2021年1月26日 (二) 03:40 (UTC)
- 已修正，
当宽度小于440时将按修正前的样子显示。--安忆Talk 2021年1月26日 (二) 05:28 (UTC)- top参数可能需要细微调整，因为和其他元素重叠。--🔨（留言） 2021年1月26日 (二) 05:35 (UTC)
- 可否给个具体页面？--安忆Talk 2021年1月26日 (二) 05:37 (UTC)
- [1]，英文版是因为#sitesub元素没隐藏所以top设成0也没重叠问题。--🔨（留言） 2021年1月26日 (二) 05:39 (UTC)
- 改了，不放到分割线上面的原因是那里可能会有多个手工字词转换图标。--安忆Talk 2021年1月26日 (二) 05:57 (UTC)
- [1]，英文版是因为#sitesub元素没隐藏所以top设成0也没重叠问题。--🔨（留言） 2021年1月26日 (二) 05:39 (UTC)
- 可否给个具体页面？--安忆Talk 2021年1月26日 (二) 05:37 (UTC)
- top参数可能需要细微调整，因为和其他元素重叠。--🔨（留言） 2021年1月26日 (二) 05:35 (UTC)
修正后感觉效果不错，顺带再加上这段代码吧：
.ve-ce-surface-enabled #coordinates {
margin-right: 3em;
}
@media screen and (max-width: 850px) {
.ve-ce-surface-enabled #coordinates {
margin-right: 0.45em;
}
}
这段代码是修正coord在可视化编辑器下的显示的。--🔨（留言） 2021年1月26日 (二) 06:16 (UTC)
- 本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
Timeless Logo问题已发现，着手处理中。
[编辑]- 下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
如题。但我中午之后才有空，如果哪位有时间，可以先行处理。我的方案是把a>img隐藏，给a本身加高度155和宽度135，背景设置no-repeat。这样和其他皮肤（common.css）兼容最好。--安忆Talk 2021年3月18日 (四) 23:34 (UTC)
- 不要忘了 background-position:center--Milky·Defer 2021年3月19日 (五) 04:01 (UTC)
已修复--百無一用是書生 (☎) 2021年3月19日 (五) 04:17 (UTC)
@AnYiLin、Shizhao：这么干不够优雅。Timeless本来没问题，问题在于Common.css中的代码。我建议用not选择器解决，具体如下：
- 用以下代码覆盖MediaWiki:Common.css相应部分：
/* Change logo for zh-hans variants */ .mw-wiki-logo:not(.timeless-logo):lang(zh-hans), .mw-wiki-logo:not(.timeless-logo):lang(zh-cn), .mw-wiki-logo:not(.timeless-logo):lang(zh-my), .mw-wiki-logo:not(.timeless-logo):lang(zh-sg) { background-image: url(/static/images/project-logos/zhwiki-hans.png); } /* [[Phabricator:T37337]], improve resolution of logo on high-resolution screens. */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mw-wiki-logo:not(.timeless-logo):lang(zh-hans), .mw-wiki-logo:not(.timeless-logo):lang(zh-cn), .mw-wiki-logo:not(.timeless-logo):lang(zh-my), .mw-wiki-logo:not(.timeless-logo):lang(zh-sg) { background-image: url(/static/images/project-logos/zhwiki-hans-1.5x.png); background-size: 135px auto; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .mw-wiki-logo:not(.timeless-logo):lang(zh-hans), .mw-wiki-logo:not(.timeless-logo):lang(zh-cn), .mw-wiki-logo:not(.timeless-logo):lang(zh-my), .mw-wiki-logo:not(.timeless-logo):lang(zh-sg) { background-image: url(/static/images/project-logos/zhwiki-hans-2x.png); background-size: 135px auto; } }
- 删除MediaWiki:Timeless.css中新增的代码。
--Lt2818（留言） 2021年3月20日 (六) 03:47 (UTC)
- 本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。
移除Timeless主题下按钮字体的阴影 2
[编辑]前情提要。我个人不认同这种判断，这应该不是一种风格，而且事实上造成了字体模糊并影响了观感，因此重开讨论。 Stang★ 2022年3月14日 (一) 20:12 (UTC)
- 那为什么不直接和Timeless的设计成员讨论呢。--安忆Talk 2022年3月15日 (二) 03:29 (UTC)
- 但这是本地做出的额外变更啊。或者您的意思是要跟设计成员讨论“这是不是一种风格”这个问题？ Stang★ 2022年3月15日 (二) 11:25 (UTC)