MediaWiki讨论:Timeless.css

Jimmy-bot在话题“移除Timeless主题下按钮字体的阴影 2”中的最新留言:2年前

Timeless问题

下列讨论已经关闭,请勿修改。如有任何意见,请至合适的讨论页进行,并不要再次编辑本讨论。

 

心血来潮用了Timeless布景主题,发现Wikipedia:首页的标题不会像英文版一样自动隐藏--John123521 (留言-贡献) 2020年11月8日 (日) 06:53 (UTC)回复

您可以通过在User:John123521/timeless.cssUser: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首页问题

下列讨论已经关闭,请勿修改。如有任何意见,请至合适的讨论页进行,并不要再次编辑本讨论。

 
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皮肤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)回复

本讨论已关闭,请勿修改。如有任何意见,请在合适的讨论页提出,而非再次编辑本讨论。

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)回复

修正后感觉效果不错,顺带再加上这段代码吧:

.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)回复

 完成。--安忆Talk 2021年1月26日 (二) 06:25 (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)回复

@AnYiLinShizhao:这么干不够优雅。Timeless本来没问题,问题在于Common.css中的代码。我建议用not选择器解决,具体如下:

  1. 用以下代码覆盖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;
        }
    }
    
  2. 删除MediaWiki:Timeless.css中新增的代码。

--Lt2818留言2021年3月20日 (六) 03:47 (UTC)回复

 完成。--安忆Talk 2021年3月20日 (六) 03:55 (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)回复
是。--安忆Talk 2022年3月16日 (三) 05:19 (UTC)回复
返回到“Timeless.css”页面。