**Steps to replicate the issue** (include links if applicable):
* Go to https://ru.m.wikipedia.org/wiki/Казань
* Disable JavaScript on the page using browser devtools
* See that TOC is still hidden with a `display: none` rule
**What should have happened instead?**:
Minerva should not hide TOC from its users if they do not have JavaScript enabled. Without collapsible sections on small resolutions, it is a pain to scroll through the page, and making it hidden by default is making the experience worse on big articles for people that for whatever reason do not have JS on mobile. TOC-hiding rule should be scoped to `.client-js`.
**Steps to replicate the issue** (include links if applicable):
* Visit https://pt.m.wikinews.org/wiki/P%C3%A1gina_principal?safemode=1 while anonymous
* Click the icon in the top right corner
**What happens?**:
{F36938484}
**How to fix**
The fix should be in the Minerva repository. The icon is not being added to the stylesheet of the page and needs to be registered in one of the icon packs in skin.json
**What should have happened instead?**:
Icon should be present
# sign off steps
[] Remove the workaround at https://pt.m.wikinews.org/wiki/MediaWiki:Minerva.css
**Feature summary** (what you would like to be able to do and where):
Reconsider the existing location of the special pages link. It's currently in page tools with other links that are associated with the page, however this link has nothing to do with the page.
This was pointed out by @IKhitron
https://www.mediawiki.org/w/index.php?title=Talk:Reading/Web/Desktop_Improvements&oldid=5850154#Special_pages_link
One possible option would be to move it to the main menu.
**Benefits** (why should this be implemented?):
This would hopefully make it clearer what these links are for and how they relate to the content or the site.
**Acceptance criteria**
[] Ensure communities are informed by upcoming change prior to deploying
=== User Story
As a user, when logged out, I want the ellipsis button to disappear when the width of the website is above 720px,
When I resize the window to below 720px, the ellipsis button should reappear so that I can access the Login menu item.
=== Testing Environment for QA
- beta cluster
=== Acceptance Criteria
[] Ellipsis button is not present above 720px width
[] Ellipsis button is present below 720px width and contains the Login link (if logged out)
[] Ellipsis button appears when the viewport is resized to below 720px width
[] Ellipsis button disappears when the viewport is resized to above 720px width
**Steps to replicate the issue** (include links if applicable):
* Go to https://en.wikipedia.beta.wmflabs.org/wiki/Title-0.46881833986115273-I%C3%B1t%C3%ABrn%C3%A2ti%C3%B4n%C3%A0liz%C3%A6ti%C3%B8n
* Disable JavaScript
**What happens?**:
An alert at bottom right of the page tells me languages are at the top of the page but they are not
{F35968141}
**What should have happened instead?**:
The language alert should not display: Hide it the same way as we hide the language button.
**Software version** (skip for WMF-hosted wikis like Wikipedia):
**Other information** (browser name/version, screenshots, etc.):
The ScrollEndEventEmitter class is loaded on all mobile page views as part of mobile.startup , however it is only ever used on the Watchlist page. Removing it will reduce bytes on the critical JavaScript path.
# TODO
[] Move ScrollEndEventEmitter class into mobile.special.watchlist.scripts module
[] Remove export of ScrollEndEventEmitter class from mobile.startup
=== Description
Given the updated styling of the tabs we can reduce the height of the toolbar from 41px to 36px.
I think the easiest way to do this is to reduce the padding on the top of the tabs from 18px to 12px:
| current (18px) | reduced (12px)
| -- | --
| {F35507686} | {F35507687}
Assuming T234990 gets completed before this task, we will also need to reduce the margin on the top of the Watchstar and Wikilove icons from 6px to 0 px:
| current (6px) | reduced (0px)
| -- | --
| {F35507688} | {F35507689}
**Steps to replicate the issue** (include links if applicable):
* Visit https://en.wikipedia.beta.wmflabs.org/wiki/Dog?quicksurvey=true
* Open developer console
**What happens?**:
* See developer console warning
**What should have happened instead?**:
* NO warning
**Software version** (skip for WMF-hosted wikis like Wikipedia):
**Other information** (browser name/version, screenshots, etc.):
When using the minerva skin on enwiki (and not on other projects such as eswiki or testwiki) the computed stylesheet:
<view-source:https://en.m.wikipedia.org/w/load.php?lang=en&modules=ext.wikimediaBadges%7Cmediawiki.hlist%7Cmediawiki.ui.button%2Ccheckbox%2Cicon%2Cinput%2Cradio%7Cmobile.init.styles%7Cmobile.pagelist.styles%7Cmobile.pagesummary.styles%7Cmobile.placeholder.images%7Cmobile.special.history.styles%7Cmobile.special.pagefeed.styles%7Cmobile.special.styles%7Cmobile.user.icons%7Cskins.minerva.amc.styles%7Cskins.minerva.base.styles%7Cskins.minerva.content.styles.images%7Cskins.minerva.icons.wikimedia%7Cskins.minerva.mainMenu.icons%2Cstyles%7Cskins.minerva.messageBox.styles&only=styles&skin=minerva>
The loaded rule is:
.ns-special h1,
.ns-special h2 {
font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'Helvetica', 'Arial', sans-serif !important
}
The !important enhancer seems over used here, however we are having a hard time determining where this is being introduced to determine why it was introduced.
reported on-wiki in https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical)#Elements_in_custom_CSS_disabled
1. Open <https://en.m.wikipedia.org/wiki/Main_Page>
2. Look at search bar.
3. Click/Focus it.
Upon focussing, an odd sequence commences:
* The text and magnify icon become blurred. This is a side-effect of the whole page fading out. The fade-out makes sense for the page content (which fades "away"), but less so for the search bar itself which is not meant to go away but immediately comes back in faded form.
* The search box shrinks. This appears to be a side-effect of the blue border applying to the inside of the box, instead of to the outside of the box. This might be due to the border width not being transparently reserved ahead of time, or due to incorrect box-modeluse.
* The magnify icon moves to the right.
* The placeholder text moves down and to the right, possibly also shrinking a littte, or maybe it just looks that way.
I found this experience nausiating and actually hurting my eyes. (Not in euphemism sense of design likability but literally: it hurts my eyes, as someone sensitive to bright screens and blurred/moving text).
{F34520740 height=224}