MediaWiki talk:Mobile.css

Editprotected

{{editprotected}} I need to test a template for the mobile site and I require the CSS at User:Agastya Chandrakant/vector.css. Please add it.
Agastya Chandrakant ⚽️ 🏆 🎾 🎬 🎤 📰 17:11, 15 January 2017 (UTC)

@AGastya: what is it you want done to MediaWiki:Mobile.css? --Pi zero (talk) 19:54, 29 January 2017 (UTC)

@Pi zero: I need the code code to be appended which is just after this message in HTML comment.
Agastya Chandrakant ⚽️ 🏆 🎾 🎬 🎤 📰 20:03, 29 January 2017 (UTC)

.lang-quote {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    color: #0645ad;
    cursor: pointer;
}

.lang-quote .transquote {
    visibility: hidden;
    width: 300px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    background: rgba(0, 0, 0, 0.8);
}

.lang-quote:hover .transquote {
    visibility: visible;
    opacity: 1;
}

I've switched it from ntml comment to <pre>. --Pi zero (talk) 20:39, 29 January 2017 (UTC)

@AGastya: Okay, let's see what happens. --Pi zero (talk) 20:55, 29 January 2017 (UTC)

@Pi zero: The template is working fine for the mobile site. (You can test it).
Agastya Chandrakant ⚽️ 🏆 🎾 🎬 🎤 📰 21:20, 29 January 2017 (UTC)

I am sorry. I figured out the mobile skin name is in lower case and I could have checked if the template works in the mobile site without asking for editprotected request.
Agastya Chandrakant ⚽️ 🏆 🎾 🎬 🎤 📰 06:22, 1 February 2017 (UTC)

FA template not showing with headlines

{{editprotected}} .float_in_title { position: absolute; z-index: 100; right: 20px; top: 20px !important;} This line of CSS which is used in {{FA}} is present in Commons.css but not in Mobile.css So, the star at the top is not visible.
acagastya 10:19, 12 May 2017 (UTC)

I've added it. Whether it will work or not remains to be seen; there tends to be a delay before things work their way through various caches, so lack of instant effect doesn't necessarily signify. --Pi zero (talk) 11:19, 12 May 2017 (UTC)

Appears to have been Done by Pi zero (t · c · b). --SVTCobra 15:47, 14 January 2018 (UTC)

fixing the width issue of {{publish}}

{{editprotected}}

Please add this line of code: #social_bookmarks { width: 100% !important; }

Currently, due to two separate PHPs, width of .content table {} conflict and "auto" is chosen over 100%. See this screenshot.
acagastya 11:28, 12 May 2017 (UTC)

@Acagastya: do this still need doing? -Green Giant (talk) 11:12, 12 October 2020 (UTC)