[MediaWiki-commits] [Gerrit] Style improvements for page selector - change (mediawiki...ContentTranslation)
jenkins-bot has submitted this change and it was merged. Change subject: Style improvements for page selector .. Style improvements for page selector * All items should have the same height. * All images should occupy the same (square) area. * Articles without an image should show a generic article placeholder. Bug: T105966 Change-Id: I4ba24b76dcc354034c7e2b474a05b1dff24876c8 --- M modules/widgets/pageselector/ext.cx.pageselector.js M modules/widgets/pageselector/ext.cx.pageselector.less A modules/widgets/pageselector/page-placeholder.png A modules/widgets/pageselector/page-placeholder.svg 4 files changed, 4 insertions(+), 2 deletions(-) Approvals: Amire80: Looks good to me, approved jenkins-bot: Verified diff --git a/modules/widgets/pageselector/ext.cx.pageselector.js b/modules/widgets/pageselector/ext.cx.pageselector.js index 71388fa..6821140 100644 --- a/modules/widgets/pageselector/ext.cx.pageselector.js +++ b/modules/widgets/pageselector/ext.cx.pageselector.js @@ -115,8 +115,7 @@ thumbnailHeight = 50; } $resultItem.css( { - 'background-image': 'url(' + page.thumbnail.source + ')', - 'background-size': thumbnailWidth + 'px ' + thumbnailHeight + 'px' + 'background-image': 'url(' + page.thumbnail.source + ')' } ); } this.$menu.append( $resultItem ); diff --git a/modules/widgets/pageselector/ext.cx.pageselector.less b/modules/widgets/pageselector/ext.cx.pageselector.less index 76859fc..3a2ca14 100644 --- a/modules/widgets/pageselector/ext.cx.pageselector.less +++ b/modules/widgets/pageselector/ext.cx.pageselector.less @@ -18,6 +18,8 @@ background-position: left center; background-size: 50px 50px; padding: 5px 5px 5px 60px; + min-height: 40px; + .background-image-svg('page-placeholder.svg', 'page-placeholder.png'); } li.mw-pageselector-selected { diff --git a/modules/widgets/pageselector/page-placeholder.png b/modules/widgets/pageselector/page-placeholder.png new file mode 100644 index 000..6a79e7b --- /dev/null +++ b/modules/widgets/pageselector/page-placeholder.png Binary files differ diff --git a/modules/widgets/pageselector/page-placeholder.svg b/modules/widgets/pageselector/page-placeholder.svg new file mode 100644 index 000..6e27a49 --- /dev/null +++ b/modules/widgets/pageselector/page-placeholder.svg @@ -0,0 +1 @@ +http://www.w3.org/2000/svg"; width="24" height="24" viewBox="0 0 24 24"> -- To view, visit https://gerrit.wikimedia.org/r/224982 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I4ba24b76dcc354034c7e2b474a05b1dff24876c8 Gerrit-PatchSet: 3 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Santhosh Gerrit-Reviewer: Amire80 Gerrit-Reviewer: jenkins-bot <> ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Style improvements for page selector - change (mediawiki...ContentTranslation)
Santhosh has uploaded a new change for review. https://gerrit.wikimedia.org/r/224982 Change subject: Style improvements for page selector .. Style improvements for page selector * All items should have the same height. * All images should occupy the same (square) area. * Articles without an image should show a generic article placeholder. Bug: T105966 Change-Id: I4ba24b76dcc354034c7e2b474a05b1dff24876c8 --- M modules/widgets/pageselector/ext.cx.pageselector.js M modules/widgets/pageselector/ext.cx.pageselector.less A modules/widgets/pageselector/page-placeholder.png A modules/widgets/pageselector/page-placeholder.svg 4 files changed, 5 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/82/224982/1 diff --git a/modules/widgets/pageselector/ext.cx.pageselector.js b/modules/widgets/pageselector/ext.cx.pageselector.js index 898d83c..31dafbe 100644 --- a/modules/widgets/pageselector/ext.cx.pageselector.js +++ b/modules/widgets/pageselector/ext.cx.pageselector.js @@ -93,8 +93,7 @@ ); if ( page.thumbnail ) { $resultItem.css( { - 'background-image': 'url(' + page.thumbnail.source + ')', - 'background-size': page.thumbnail.width + 'px ' + page.thumbnail.height + 'px' + 'background-image': 'url(' + page.thumbnail.source + ')' } ); } self.$menu.append( $resultItem ); diff --git a/modules/widgets/pageselector/ext.cx.pageselector.less b/modules/widgets/pageselector/ext.cx.pageselector.less index 7333275..df577c4 100644 --- a/modules/widgets/pageselector/ext.cx.pageselector.less +++ b/modules/widgets/pageselector/ext.cx.pageselector.less @@ -1,3 +1,4 @@ +@import "mediawiki.mixins"; .mw-pageselector-menu { position: absolute; border: 1px solid #ccc; @@ -16,6 +17,8 @@ background-position: left center; background-size: 50px 50px; padding: 5px 5px 5px 60px; + min-height: 40px; + .background-image-svg('page-placeholder.svg', 'page-placeholder.png'); } li.mw-pageselector-selected { diff --git a/modules/widgets/pageselector/page-placeholder.png b/modules/widgets/pageselector/page-placeholder.png new file mode 100644 index 000..6a79e7b --- /dev/null +++ b/modules/widgets/pageselector/page-placeholder.png Binary files differ diff --git a/modules/widgets/pageselector/page-placeholder.svg b/modules/widgets/pageselector/page-placeholder.svg new file mode 100644 index 000..6e27a49 --- /dev/null +++ b/modules/widgets/pageselector/page-placeholder.svg @@ -0,0 +1 @@ +http://www.w3.org/2000/svg"; width="24" height="24" viewBox="0 0 24 24"> -- To view, visit https://gerrit.wikimedia.org/r/224982 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I4ba24b76dcc354034c7e2b474a05b1dff24876c8 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Santhosh ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits