Jhernandez has uploaded a new change for review.
https://gerrit.wikimedia.org/r/201690
Change subject: Tablet styles for Special:Gather/by/User
......................................................................
Tablet styles for Special:Gather/by/User
* And refactor columns styles to mixins
Visit Special:Gather/by/USERNAME with tablet width or bigger and see 2 columns
for the collections cards
Bug: T91384
Change-Id: Ic641d50ce2049f2a83fd1bb296aba96cfefbf2f0
---
M resources/ext.gather.styles/collections.less
1 file changed, 21 insertions(+), 7 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Gather
refs/changes/90/201690/1
diff --git a/resources/ext.gather.styles/collections.less
b/resources/ext.gather.styles/collections.less
index 9997422..aa2f42f 100644
--- a/resources/ext.gather.styles/collections.less
+++ b/resources/ext.gather.styles/collections.less
@@ -16,6 +16,19 @@
}
}
+.tablet-columns(@columns: 2) {
+ @media all and (min-width: @wgMFDeviceWidthTablet) {
+ -webkit-columns: @columns;
+ -moz-columns: @columns;
+ columns: @columns;
+ }
+}
+.column-item() {
+ // Don't split items between css columns
+ display: inline-block;
+ width: 100%;
+}
+
/*
* Collection page
*/
@@ -80,11 +93,7 @@
}
.collection-items {
- @media all and (min-width: @wgMFDeviceWidthTablet) {
- -webkit-columns: 2;
- -moz-columns: 2;
- columns: 2;
- }
+ .tablet-columns();
}
.collection-item {
@@ -94,8 +103,7 @@
padding: 0 @collectionItemPadding;
margin-bottom: 2em;
- display: inline-block;
- width: 100%;
+ .column-item();
.list-thumb {
height: 300px;
@@ -157,6 +165,10 @@
*/
.collections-list {
+ .collection-cards {
+ .tablet-columns();
+ }
+
@overlayHeight: 6em;
.collection-card {
@@ -165,6 +177,8 @@
position: relative;
margin-bottom: 1em;
+ .column-item();
+
&.without-image {
// If there is no image on the card, then make it as
big as the overlay
height: @overlayHeight;
--
To view, visit https://gerrit.wikimedia.org/r/201690
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Ic641d50ce2049f2a83fd1bb296aba96cfefbf2f0
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/Gather
Gerrit-Branch: master
Gerrit-Owner: Jhernandez <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
