fbstj/pivot

A fork of Hutchy68's Pivot skin used on the coppermind

pivot's Issues

add borders to thumbnail images

to make them stand out from content

vastly improve the layout of the diff view

the current view is busy, with lots of links that aren't obviously useful crammed together with links that act like buttons (#29) and sometimes the diff view doesn't make obvious the actual changes

stick footer to bottom

on short articles, footer should be stuck to bottom of viewport or level with lowest toolbox content

desktop sidebar is too wide

syntax highlighting in error panel

or some better form of live preview etc

don't squish article notices

on mobile noticies are squished to 70% even when it looks silly

echo notification icons are not white

reinvent the icons to style them similarly to the rest of the icons in the header bar

add more columns on desktop categories

3 columns has lots of whitespace

article indicators are a mess

make article indicators work better they currently overlap the Title and are vertically-aligned badly

infobox/navbox row titles are left aligned

the styles for them are being overwritten by soemthing

first navox column should be shorter

improve layout of recent changes etc

recent changes has a pretty nasty style, improve somehow

new logo

coppermind deserves a new logo

add warning to edit field when article is "claimed"

the {{edit note}} template can be used to 'claim' an article by setting claimed-by and claimed-on page properties, which should be used to show a message "This article is currently claimed by [[User: {{claimed-by}}}]] and so coordinating with them may be necessary" or similar on the edit tab for editors who are not the claimant.

import MediaWiki:Pivot.css into theme

we've been experimenting with css in the customization shee, import the changes into this repo

fix quote template

quotes are being messed with by pivot

style code sections distinctly

make sure code examples in template docs are nice

notable javascript flash

there's a notable delay between loading a page and seeing the javascript loaded content (eg #1)

special page forms have bad styling

this is currently hacked up together in #3 but more forethought would be good,

including #14 and #17

user sidebar on desktop is obnoxious

it doens't work?

it shifts the whole page left sometimes

it triggers on pageup?

mobile viewers struggle with big tables

might be solved using the responsive-table stuff in pivot but also shouldn't be constrained to hidden overflow. maybe make the table box scrollable so it can be panned without moving the rest of the article?

title should have an underline

the main title has no underline

Issue with "packed-overlay" galleries

Setup

• Browsers and versions: Firefox 66.0.3

Issue

Galleries using mode="packed-overlay" have a bug with how the overlayed portion is displayed. The overlaid portion does not span the full width of the image, and the accompanying text isn't centered.

versus

colorisation for coppermind

series icons should be made consistent

some series use images rather than icons from Arcanumn Unbounded

improve the image-slider gallery type

<gallery mode="slideshow"> has questionable styles, it has 100% sided main image, so should be styled better to match the image slider feature of pivot

user button sidebar vs action button dropdown

chose one and stick with it. maybe prefer sidebar on mobile dropdown on desktop if we can

add edit-button for full-article

add a button to enable editing outside of the dropdown menu on desktop

improve layout of file pages

file pages are badly laid out

some green buttons should be replaced

buttons that are <input type="submit"> are styled awfully, replace with <button> elements

error class is made blocky

using .error css class in templates to style problems inserts big red divs because of pivot styles

External links don't have their usual symbol

Setup

• Browsers and versions: Firefox 66.0.3

Issue

External links typically have a little box and arrow symbol (on Wikipedia, Vector skin, etc.). These little icons seem to be missing from Pivot.

replace (thank) and [patrol] links with buttons

hide the link versions and replace them with button variants which are shown

<span class="patrollink">[<a href="?action=markpatrolled&rcid=$id">mark patrolled</a>]</span>

=>

<button class="patrollink" onclick="fetch('?action=markpatrolled&rcid='+this.rcid)" rcid="$id">patrol</button>

.mw-thanks-thank-link

rewrite backend tools to be nicer

the group-editor form is like 20 nested tables and is awful

column template is eating subsequent headers/elements

some part of pivot .columns class is breaking elements after {{columns}} content