Page MenuHomePhabricator

CSS adjustments (hover/cursor) revision slider
Closed, ResolvedPublic

Description

The CSS should get some minor adjustments:

  • hover styles to indicate (non) activity
  • Mouse cursor changes to indicate (non) activity

This means:

.mw-revslider-slider-line{
	border-bottom-width: 3px !important; /*get rid of the important it is only there to make design css work with the existing css, otherwise it is overwritten by the current, more specific spec*/
}

.mw-revslider-pointer-container-older .mw-revslider-pointer-oldid:hover{
	background: linear-gradient( to bottom, rgba( 255, 235, 161, 1 ), rgba( 255, 195, 41, 1 ) );
	cursor: grab;
}

.mw-revslider-pointer-container-older .mw-revslider-pointer-oldid:active{
	cursor:grabbing;
}


.mw-revslider-pointer-container-newer .mw-revslider-pointer-newid:hover {
  background: linear-gradient( to bottom, rgba( 109, 182, 253, 1 ), rgba( 7, 91, 172, 1 ) );
	cursor: grab;
}

.mw-revslider-pointer-container-newer .mw-revslider-pointer-newid:active {
  cursor: grabbing; 
}
.mw-revslider-pointer-container-newer:hover .mw-revslider-slider-line{
	border-bottom-color: rgba( 30, 109, 184, 0.7);
}

.mw-revslider-pointer-container-older:hover .mw-revslider-slider-line{
	border-bottom-color: rgba( 255, 204, 51, 0.7 )
}

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Change 346728 had a related patch set uploaded (by WMDE-Fisch):
[mediawiki/extensions/RevisionSlider@master] Add hover and grab styles when using new slider pointers

https://gerrit.wikimedia.org/r/346728

Change 346728 merged by jenkins-bot:
[mediawiki/extensions/RevisionSlider@master] Add hover and grab styles when using new slider pointers

https://gerrit.wikimedia.org/r/346728

WMDE-Fisch moved this task from Demoed to Done on the WMDE-TechWish board.
WMDE-Fisch moved this task from Done to Demoed on the WMDE-TechWish board.