[MediaWiki-commits] [Gerrit] mediawiki...Echo[master]: Updating icon colors to latest palette
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/316616 Change subject: Updating icon colors to latest palette .. Updating icon colors to latest palette Echo icons updated to the new palette. Bug: T147365 Change-Id: I16bdfbdada252ee27d5a0de11e0930347315b699 --- M modules/icons/link-blue.svg 1 file changed, 40 insertions(+), 6 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Echo refs/changes/16/316616/1 diff --git a/modules/icons/link-blue.svg b/modules/icons/link-blue.svg index bb57a2c..2d04e13 100644 --- a/modules/icons/link-blue.svg +++ b/modules/icons/link-blue.svg @@ -1,7 +1,41 @@ - -http://www.w3.org/2000/svg; viewBox="0 0 30 30" width="30" height="30"> - - - - + + + +http://purl.org/dc/elements/1.1/; + xmlns:cc="http://creativecommons.org/ns#; + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg="http://www.w3.org/2000/svg; + xmlns="http://www.w3.org/2000/svg; + version="1.1" + width="30" + height="30" + viewBox="0 0 30 30" + id="svg2"> + + + +image/svg+xml +http://purl.org/dc/dcmitype/StillImage; /> + + + + + + + + + -- To view, visit https://gerrit.wikimedia.org/r/316616 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I16bdfbdada252ee27d5a0de11e0930347315b699 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Echo Gerrit-Branch: master Gerrit-Owner: Pginer___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Updated language icons - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/267936 Change subject: Updated language icons .. Updated language icons After the language icon was updated, the uses of it in CX needed an update too to keep them consistent. Bug: T121977 Change-Id: Ibc658aa7ae43b5fc4e58c10575c01baa8cb0de2a --- M images/cx-icon-ltr.svg M images/cx-icon-rtl.svg M images/cx-notification-green.svg M modules/campaigns/images/translation.png M modules/campaigns/images/translation.svg M modules/dashboard/images/cx-circle.png M modules/dashboard/images/cx-circle.svg M modules/entrypoint/images/translation.png M modules/entrypoint/images/translation.svg 9 files changed, 184 insertions(+), 43 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/36/267936/1 diff --git a/images/cx-icon-ltr.svg b/images/cx-icon-ltr.svg index 70353b1..efcafd6 100644 --- a/images/cx-icon-ltr.svg +++ b/images/cx-icon-ltr.svg @@ -1,14 +1,53 @@ -http://www.w3.org/2000/svg; viewBox="0 0 264 162" width="264" height="162"> - - - - - - - - - - - - + + +http://purl.org/dc/elements/1.1/; + xmlns:cc="http://creativecommons.org/ns#; + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg="http://www.w3.org/2000/svg; + xmlns="http://www.w3.org/2000/svg; + version="1.1" + width="100%" + height="100%" + viewBox="-288 514.5 264 162" + id="Layer_1" + xml:space="preserve">image/svg+xmlhttp://purl.org/dc/dcmitype/StillImage; /> \ No newline at end of file diff --git a/images/cx-icon-rtl.svg b/images/cx-icon-rtl.svg index e575504..68bdbb0 100644 --- a/images/cx-icon-rtl.svg +++ b/images/cx-icon-rtl.svg @@ -1,16 +1,53 @@ -http://www.w3.org/2000/svg; viewBox="0 0 264 162" width="264" height="162"> - - - - - - - - - - - - - - + + +http://purl.org/dc/elements/1.1/; + xmlns:cc="http://creativecommons.org/ns#; + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg="http://www.w3.org/2000/svg; + xmlns="http://www.w3.org/2000/svg; + version="1.1" + width="100%" + height="100%" + viewBox="-288 514.5 264 162" + id="Layer_1" + xml:space="preserve">image/svg+xmlhttp://purl.org/dc/dcmitype/StillImage; /> \ No newline at end of file diff --git a/images/cx-notification-green.svg b/images/cx-notification-green.svg index 4b1aede..a276d1e 100644 --- a/images/cx-notification-green.svg +++ b/images/cx-notification-green.svg @@ -1,4 +1,31 @@ -http://www.w3.org/2000/svg; viewBox="0 0 30 30"> - - + + +http://purl.org/dc/elements/1.1/; + xmlns:cc="http://creativecommons.org/ns#; + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg="http://www.w3.org/2000/svg; + xmlns="http://www.w3.org/2000/svg; + version="1.1" + width="100%" + height="100%" + viewBox="-405 580.5 30 30" + id="Layer_1" + xml:space="preserve">image/svg+xmlhttp://purl.org/dc/dcmitype/StillImage; /> \ No newline at end of file diff --git a/modules/campaigns/images/translation.png b/modules/campaigns/images/translation.png index c6a7642..277ab47 100644 --- a/modules/campaigns/images/translation.png +++ b/modules/campaigns/images/translation.png Binary files differ diff --git a/modules/campaigns/images/translation.svg b/modules/campaigns/images/translation.svg index c660fbd..a09dff0 100644 --- a/modules/campaigns/images/translation.svg +++ b/modules/campaigns/images/translation.svg @@ -1,4 +1,11 @@ - -http://www.w3.org/2000/svg; viewBox="0 0 24 24" enable-background="new 0 0 24 24"> - + + +http://www.w3.org/2000/svg; xmlns:xlink="http://www.w3.org/1999/xlink; x="0px" y="0px" +viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> + + + + + diff --git a/modules/dashboard/images/cx-circle.png b/modules/dashboard/images/cx-circle.png index c7aab70..b0a9644 100644 --- a/modules/dashboard/images/cx-circle.png +++ b/modules/dashboard/images/cx-circle.png Binary files differ diff --git a/modules/dashboard/images/cx-circle.svg b/modules/dashboard/images/cx-circle.svg index c4dd97c..26951b4 100644 --- a/modules/dashboard/images/cx-circle.svg +++ b/modules/dashboard/images/cx-circle.svg @@ -1,7 +1,31 @@ -http://www.w3.org/2000/svg; xmlns:xlink="http://www.w3.org/1999/xlink; xmlns:sketch="http://www.bohemiancoding.com/sketch/ns;> - - - - - + + +http://purl.org/dc/elements/1.1/; + xmlns:cc="http://creativecommons.org/ns#; + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg="http://www.w3.org/2000/svg; + xmlns="http://www.w3.org/2000/svg; + version="1.1" + width="100%" + height="100%" + viewBox="-374 549.5 92 92" + id="Layer_1" +
[MediaWiki-commits] [Gerrit] Update avatar icon - change (oojs/ui)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/264413 Change subject: Update avatar icon .. Update avatar icon Updating the avatar icon to be a single shape for better use on small sizes. More details at T123810 Bug: T123810 Change-Id: I94cc336656cb272bdd19c06884214521d8ee6ee7 --- M src/themes/mediawiki/images/icons/userAvatar.svg 1 file changed, 2 insertions(+), 8 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/13/264413/1 diff --git a/src/themes/mediawiki/images/icons/userAvatar.svg b/src/themes/mediawiki/images/icons/userAvatar.svg index 1bf7d80..6419de8 100644 --- a/src/themes/mediawiki/images/icons/userAvatar.svg +++ b/src/themes/mediawiki/images/icons/userAvatar.svg @@ -1,8 +1,2 @@ - -http://www.w3.org/2000/svg; width="24" height="24" viewBox="0 0 24 24"> - - - - - - + +http://www.w3.org/2000/svg; width="24" height="24" viewBox="0 0 24 24"> -- To view, visit https://gerrit.wikimedia.org/r/264413 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I94cc336656cb272bdd19c06884214521d8ee6ee7 Gerrit-PatchSet: 1 Gerrit-Project: oojs/ui Gerrit-Branch: master Gerrit-Owner: Pginer___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjust the visual hierarchy of suggestion items - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/257873 Change subject: Adjust the visual hierarchy of suggestion items .. Adjust the visual hierarchy of suggestion items Styling changes to: - Reduce the size of the image and item information from 100px to 90px - Increase in size and weight for title to clarify the text hierarchy. - Adjust element padding to facilitate scanning. - Actions vertically aligned. - Items missing an image show an article icon instead of a link as a placeholde$ Bug:T120930 Change-Id: I2a11ecb206be6b63349a76d0b5c026d1c6b8eeed --- A modules/dashboard/images/page_lightgray.png A modules/dashboard/images/page_lightgray.svg M modules/dashboard/styles/ext.cx.lists.common.less M modules/dashboard/styles/ext.cx.suggestionlist.less M modules/dashboard/styles/ext.cx.translationlist.less 5 files changed, 55 insertions(+), 12 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/73/257873/1 diff --git a/modules/dashboard/images/page_lightgray.png b/modules/dashboard/images/page_lightgray.png new file mode 100644 index 000..7d3a5c8 --- /dev/null +++ b/modules/dashboard/images/page_lightgray.png Binary files differ diff --git a/modules/dashboard/images/page_lightgray.svg b/modules/dashboard/images/page_lightgray.svg new file mode 100644 index 000..03ccf75 --- /dev/null +++ b/modules/dashboard/images/page_lightgray.svg @@ -0,0 +1,33 @@ + + + +http://purl.org/dc/elements/1.1/; + xmlns:cc="http://creativecommons.org/ns#; + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg="http://www.w3.org/2000/svg; + xmlns="http://www.w3.org/2000/svg; + version="1.1" + width="100%" + height="100%" + viewBox="0 0 612 792" + id="svg2"> + + + +image/svg+xml +http://purl.org/dc/dcmitype/StillImage; /> + + + + + + + diff --git a/modules/dashboard/styles/ext.cx.lists.common.less b/modules/dashboard/styles/ext.cx.lists.common.less index 72a5a31..c41d4e7 100644 --- a/modules/dashboard/styles/ext.cx.lists.common.less +++ b/modules/dashboard/styles/ext.cx.lists.common.less @@ -3,7 +3,7 @@ .cx-tlitem, .cx-slitem { .mw-ui-one-whole; - padding: 5px; + padding: 8px; background-color: #fff; border: 1px solid #ddd; border-bottom: 0; @@ -110,9 +110,9 @@ .cx-slitem__image { .mw-ui-one-sixth; padding: 0; - width: 100px; - min-height: 100px; - .background-image-svg('../../tools/images/link_lightgray.svg', '../../tools/images/link_lightgray.png'); + width: 90px; + min-height: 90px; + .background-image-svg('../../dashboard/images/page_lightgray.svg', '../../dashboard/images/page_lightgray.png'); background-repeat: no-repeat; background-color: #fbfbfb; background-position: center center; diff --git a/modules/dashboard/styles/ext.cx.suggestionlist.less b/modules/dashboard/styles/ext.cx.suggestionlist.less index bddf027..23c6cef 100644 --- a/modules/dashboard/styles/ext.cx.suggestionlist.less +++ b/modules/dashboard/styles/ext.cx.suggestionlist.less @@ -63,21 +63,22 @@ .cx-slitem__desc { color: #555; font-size: 1.2em; - padding: 10px 0; + padding: 5px 0; clear: both; text-align: left; } .cx-slitem__details { .mw-ui-four-sixths; - padding-left: 15px; + padding-left: 10px; position: relative; - height: 100px; + min-height: 90px; font-size: small; .cx-slitem__translation-link { .mw-ui-one-whole; - font-size: large; + font-size: 1.5em; + font-weight: bolder; text-decoration: none; padding-left: 0; cursor: pointer; @@ -96,6 +97,8 @@ .cx-slitem__actions { .mw-ui-one-sixth; float: right; + position: relative; + padding-top: 90px/2 - 30px/2; } .cx-slitem__action { @@ -105,6 +108,11 @@ height: 30px; background-repeat: no-repeat; background-position: center center; + opacity: 0.8; + + &:hover{ + opacity: 1; + } &--discard { background-size: 16px; @@ -123,6 +131,7 @@ &--nonfavorite, &--favorite:hover { .background-image-svg('../images/star-green.svg', '../images/star-green.png'); + opacity: 1; } } diff --git a/modules/dashboard/styles/ext.cx.translationlist.less b/modules/dashboard/styles/ext.cx.translationlist.less index 6f2b065..1af370a 100644 --- a/modules/dashboard/styles/ext.cx.translationlist.less +++ b/modules/dashboard/styles/ext.cx.translationlist.less @@ -66,9 +66,9 @@ .cx-tlitem__details { .mw-ui-four-fifths; - padding-left: 15px; +
[MediaWiki-commits] [Gerrit] Reduce distance between notification badges - change (mediawiki...Echo)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/237129 Change subject: Reduce distance between notification badges .. Reduce distance between notification badges Notification badges are conceptually closer together than the rest of toolbar elements. So it makes sense to move them closer visually too. This is just a small CSS adjustment to compensate for the default margin that items in the menu get. If there is a cleanner way to achieve the same, feel free to refactor. Bug: T108190 Change-Id: I06403f67c24f045c125c505dca2101f9eed79594 --- M modules/nojs/mw.echo.badge.less M modules/ooui/styles/mw.echo.ui.NotificationBadgeWidget.less 2 files changed, 2 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Echo refs/changes/29/237129/1 diff --git a/modules/nojs/mw.echo.badge.less b/modules/nojs/mw.echo.badge.less index 3970c84..3c829a9 100644 --- a/modules/nojs/mw.echo.badge.less +++ b/modules/nojs/mw.echo.badge.less @@ -36,6 +36,7 @@ } #pt-notifications-message & { background-color: @badge-background-unseen-message; + margin-left: -0.4em; } } } diff --git a/modules/ooui/styles/mw.echo.ui.NotificationBadgeWidget.less b/modules/ooui/styles/mw.echo.ui.NotificationBadgeWidget.less index 45c1778..37fc06b 100644 --- a/modules/ooui/styles/mw.echo.ui.NotificationBadgeWidget.less +++ b/modules/ooui/styles/mw.echo.ui.NotificationBadgeWidget.less @@ -9,6 +9,7 @@ } } &-message { + margin-left: -0.4em; // Must be strong to override OOUI's button background color definition &.oo-ui-flaggedElement-unseen > .oo-ui-buttonElement-button { background-color: @badge-background-unseen-message; -- To view, visit https://gerrit.wikimedia.org/r/237129 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I06403f67c24f045c125c505dca2101f9eed79594 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Echo Gerrit-Branch: master Gerrit-Owner: Pginer___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjustment for language selector arrow - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/228230 Change subject: Adjustment for language selector arrow .. Adjustment for language selector arrow The language selector separator (arrow between languages) was too wide. Bug: T107565 Change-Id: Idd249c21ea8affdd35e8cc2d5b07459e357083a7 --- M modules/dashboard/styles/ext.cx.translationlist.less 1 file changed, 3 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/30/228230/1 diff --git a/modules/dashboard/styles/ext.cx.translationlist.less b/modules/dashboard/styles/ext.cx.translationlist.less index 56d856b..b518759 100644 --- a/modules/dashboard/styles/ext.cx.translationlist.less +++ b/modules/dashboard/styles/ext.cx.translationlist.less @@ -365,7 +365,7 @@ float: left; width: 0; height: 37px; - margin-right: 20px; + margin-right: 16px; } .translation-language-arrow:after, @@ -384,6 +384,7 @@ border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 18px; + border-left-width: 12px; margin-top: -18px; } @@ -391,6 +392,7 @@ border-color: rgba(157,157,157, 0); border-left-color: #9D9D9D; border-width: 19px; + border-left-width: 13px; margin-top: -19px; } } -- To view, visit https://gerrit.wikimedia.org/r/228230 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Idd249c21ea8affdd35e8cc2d5b07459e357083a7 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix spacing between translations and right rail in dashboard - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/228227 Change subject: Fix spacing between translations and right rail in dashboard .. Fix spacing between translations and right rail in dashboard The list of translations was too close to the panel on the right. Now the panel has the same space with respect to both sides. Bug: T107564 Change-Id: I451568e9cb1f58210d99b73e68c8ef4bb20be033 --- M modules/dashboard/styles/ext.cx.translationlist.less 1 file changed, 1 insertion(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/27/228227/1 diff --git a/modules/dashboard/styles/ext.cx.translationlist.less b/modules/dashboard/styles/ext.cx.translationlist.less index 56d856b..48970bc 100644 --- a/modules/dashboard/styles/ext.cx.translationlist.less +++ b/modules/dashboard/styles/ext.cx.translationlist.less @@ -28,7 +28,7 @@ .mw-ui-item; .mw-ui-two-thirds; - padding: 0; + padding: 0 10px 0 0; background-color: #f0f0f0; } -- To view, visit https://gerrit.wikimedia.org/r/228227 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I451568e9cb1f58210d99b73e68c8ef4bb20be033 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Increase line-height for source and translation content to 1... - change (mediawiki...ContentTranslation)
Pginer has submitted this change and it was merged. Change subject: Increase line-height for source and translation content to 1.5em .. Increase line-height for source and translation content to 1.5em Applying general typography guidelines for better readability. Resulting font-size: 16px, line-height: 24px. Paragraph margin also adjusted to 1.5em Change-Id: Ia1bef3c54737102f872c87e69250d2276b104d54 --- M modules/translationview/styles/ext.cx.translationview.less 1 file changed, 2 insertions(+), 1 deletion(-) Approvals: Pginer: Looks good to me, approved diff --git a/modules/translationview/styles/ext.cx.translationview.less b/modules/translationview/styles/ext.cx.translationview.less index 8b8e823..9245d72 100644 --- a/modules/translationview/styles/ext.cx.translationview.less +++ b/modules/translationview/styles/ext.cx.translationview.less @@ -54,7 +54,7 @@ } p { - margin-top: 1.2em; + margin: 1.5em 0; } .cx-column__sub-heading { @@ -65,6 +65,7 @@ } .cx-column__content { + line-height: 1.5em; clear: both; word-wrap: break-word; position: relative; -- To view, visit https://gerrit.wikimedia.org/r/227207 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: Ia1bef3c54737102f872c87e69250d2276b104d54 Gerrit-PatchSet: 2 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Santhosh santhosh.thottin...@gmail.com Gerrit-Reviewer: Amire80 amir.ahar...@mail.huji.ac.il Gerrit-Reviewer: Pginer pgi...@wikimedia.org Gerrit-Reviewer: jenkins-bot ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Make grey links darker - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/222355 Change subject: Make grey links darker .. Make grey links darker The grey links in the translated text (missing links) where too light to be clearly reacdable (especially when they were highlighted or in a text selection) This patchset makes them darker. Change-Id: If1ac830eaa0fe637121c09044719009ff8aaf2ac --- M modules/tools/styles/ext.cx.tools.link.less 1 file changed, 1 insertion(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/55/222355/1 diff --git a/modules/tools/styles/ext.cx.tools.link.less b/modules/tools/styles/ext.cx.tools.link.less index 67c87f2..03a4201 100644 --- a/modules/tools/styles/ext.cx.tools.link.less +++ b/modules/tools/styles/ext.cx.tools.link.less @@ -192,7 +192,7 @@ } .cx-target-link-unadapted { - color: #ccc; + color: #777; :hover { color: #252525; -- To view, visit https://gerrit.wikimedia.org/r/222355 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: If1ac830eaa0fe637121c09044719009ff8aaf2ac Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] More contrast on the gray lines that indicate tangents - change (mediawiki...Flow)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/216923 Change subject: More contrast on the gray lines that indicate tangents .. More contrast on the gray lines that indicate tangents Flow identation line style is changed from dotted to solid to make it easy to notice. Bug: T101426 Change-Id: Idf3914de9e00a13d7802763db02d66146450b121 --- M modules/styles/board/topic/post.less 1 file changed, 2 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Flow refs/changes/23/216923/1 diff --git a/modules/styles/board/topic/post.less b/modules/styles/board/topic/post.less index 1f562cb..fa5a91e 100644 --- a/modules/styles/board/topic/post.less +++ b/modules/styles/board/topic/post.less @@ -83,7 +83,7 @@ /* @noflip */ padding-left: 0.5em; /* @noflip */ - border-left: 1px dotted @colorGrayLighter; + border-left: 1px solid @colorGrayLighter; } .flow-post-max-depth .flow-replies { @@ -137,7 +137,7 @@ /* @noflip */ padding-right: 0.5em; /* @noflip */ - border-right: 1px dotted @colorGrayLighter; + border-right: 1px solid @colorGrayLighter; } .flow-post-max-depth .flow-replies { -- To view, visit https://gerrit.wikimedia.org/r/216923 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Idf3914de9e00a13d7802763db02d66146450b121 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Flow Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Small layout tweaks for Flow right-rail - change (mediawiki...Flow)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/212540 Change subject: Small layout tweaks for Flow right-rail .. Small layout tweaks for Flow right-rail Small styling adjustments to: - Make the flow margin to look well balanced at both sides of the flow content. - Adjust the position of the toggle icon so that it does not overlap with the scrollbar and looks centered when the rail is collapsed. Change-Id: Ia978f745bcd3529d7a86082af5940b0d3c225714 --- M modules/styles/board/header.less M modules/styles/common.less 2 files changed, 3 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Flow refs/changes/40/212540/1 diff --git a/modules/styles/board/header.less b/modules/styles/board/header.less index 75d3549..1293bd7 100644 --- a/modules/styles/board/header.less +++ b/modules/styles/board/header.less @@ -54,8 +54,8 @@ .side-rail-toggle-button { visibility: hidden; position: absolute; - top: 8px; - right: 2px; + top: 9px; + right: 5px; font-size: 1.3em; .mw-ui-button { diff --git a/modules/styles/common.less b/modules/styles/common.less index 71bdd5c..3e75fb9 100644 --- a/modules/styles/common.less +++ b/modules/styles/common.less @@ -150,7 +150,7 @@ width: 66%; box-sizing: border-box; max-width: 1200px; - padding-right: 20px; + padding-right: 26px; } } -- To view, visit https://gerrit.wikimedia.org/r/212540 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ia978f745bcd3529d7a86082af5940b0d3c225714 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Flow Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Polish the entry fields after VE integration Adjustments to ... - change (mediawiki...Flow)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/206771 Change subject: Polish the entry fields after VE integration Adjustments to the input element for Flow: - Size of VE and wikitext versions are the same (before a jump was noticed when switching). - The switch to VE looks pressed in wikitext. - Wikitext info text is align .. Polish the entry fields after VE integration Adjustments to the input element for Flow: - Size of VE and wikitext versions are the same (before a jump was noticed when switching). - The switch to VE looks pressed in wikitext. - Wikitext info text is aligned with the text in the text area. Some changes in the code are required: - Apply the focused class to the flow-editor element Bug: T96421 Change-Id: I22207ba35e58aced3936bb215ed2e53fd490e6dd --- M handlebars/flow_editor_switcher.partial.handlebars M modules/editor/editors/visualeditor/mw.flow.ve.Target.less M modules/styles/board/editor-switcher.less 3 files changed, 18 insertions(+), 7 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Flow refs/changes/71/206771/1 diff --git a/handlebars/flow_editor_switcher.partial.handlebars b/handlebars/flow_editor_switcher.partial.handlebars index 303369c..c651800 100644 --- a/handlebars/flow_editor_switcher.partial.handlebars +++ b/handlebars/flow_editor_switcher.partial.handlebars @@ -6,7 +6,7 @@ {{#if enable_switcher}} a href=# title={{l10n flow-wikitext-switch-editor-tooltip}} - class=mw-ui-button flow-js flow-editor-switcher + class=mw-ui-button flow-js flow-editor-switcher mw-ui-checked data-flow-interactive-handler=switchEditor data-flow-target= form textarea diff --git a/modules/editor/editors/visualeditor/mw.flow.ve.Target.less b/modules/editor/editors/visualeditor/mw.flow.ve.Target.less index 0e3dbc5..f2783d1 100644 --- a/modules/editor/editors/visualeditor/mw.flow.ve.Target.less +++ b/modules/editor/editors/visualeditor/mw.flow.ve.Target.less @@ -36,6 +36,7 @@ // shifts the toolbar into this location. // @todo where did this 40 come from, could it be calculated? padding-bottom: 40px; + min-height: 147px; // (112 + 35) wikitext text area min-height (inline style) + footer } .oo-ui-toolbar { diff --git a/modules/styles/board/editor-switcher.less b/modules/styles/board/editor-switcher.less index 1f0fbec..e3e9c74 100644 --- a/modules/styles/board/editor-switcher.less +++ b/modules/styles/board/editor-switcher.less @@ -8,14 +8,25 @@ // it's border and re-apply on the parent node that contains both .flow-editor-none { border: 1px solid @colorFieldBorder; - + padding: 2px; + background-color: white; textarea { border: 0; + background: white; + padding: 6px 6px 4px 6px; + :focus { + box-shadow: none; + } + } + + // TODO: When the textarea is focused, this class needs to be added to flow-editor + .focused { + box-shadow: inset 0 0 0 2px @colorProgressive; } .flow-switcher-controls { - background-color: white; - padding: .25em; + padding: 4px 6px 6px 6px; + position: relative; } } @@ -28,11 +39,10 @@ // @todo this is basically the terms of use, come up with a shared // name for all but the float .flow-wikitext-editor-help { - float: left; - vertical-align: middle; color: @colorTextLight; font-size: .75em; - line-height: 1.4; + position: absolute; + bottom: 0; } a.flow-editor-switcher { -- To view, visit https://gerrit.wikimedia.org/r/206771 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I22207ba35e58aced3936bb215ed2e53fd490e6dd Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Flow Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Icon updates - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/188929 Change subject: Icon updates .. Icon updates License icons have been updated for consistency with mobile media viewer. File icon has been changed to match the former ones in color. Change-Id: I8bc102755829b65ebace9608ca47a3bc2201da4a --- M resources/mmv/ui/img/file.svg M resources/mmv/ui/img/license.svg M resources/mmv/ui/img/pd.svg 3 files changed, 23 insertions(+), 37 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/29/188929/1 diff --git a/resources/mmv/ui/img/file.svg b/resources/mmv/ui/img/file.svg index f1f7a63..aae20df 100644 --- a/resources/mmv/ui/img/file.svg +++ b/resources/mmv/ui/img/file.svg @@ -13,18 +13,16 @@ viewBox=0 0 18.99 13.99 id=Layer_1 xml:space=preservemetadata - id=metadata8rdf:RDFcc:Work - rdf:about=dc:formatimage/svg+xml/dc:formatdc:type - rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs - id=defs6 / - -g - transform=translate(-503,-378) - id=g3g + id=metadata8rdf:RDFcc:Work + rdf:about=dc:formatimage/svg+xml/dc:formatdc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs + id=defs6 /g + transform=translate(-503,-378) id=g5path d=m 516,378 h -13 v 14 h 19 v -8 h -6 v -6 z m 4.5,12.3 0,-0.3 h -15.1 l 4.5,-5.5 0.7,-0.1 4.2,4.5 2.3,-1.5 3.4,2.9 z id=path7 - style=fill:#bb //gpolygon + style=fill:#959595;fill-opacity:1 //gpolygon points=521.8,382.5 517.3,382.5 517.3,378 + transform=translate(-503,-378) id=polygon9 - style=fill:#bb //g/svg \ No newline at end of file + style=fill:#959595;fill-opacity:1 //svg \ No newline at end of file diff --git a/resources/mmv/ui/img/license.svg b/resources/mmv/ui/img/license.svg index a981611..2e3acb2 100644 --- a/resources/mmv/ui/img/license.svg +++ b/resources/mmv/ui/img/license.svg @@ -27,7 +27,7 @@ defs id=defs10 / path - d=M 12.600317,0.5048851 V 56.5 h 42.684459 c 3.555042,0 7.114907,-3.02977 7.114907,-6.589674 V 0.5 H 12.600317 V 0.50474 z M 30.871466,6.7151829 V 29.275649 l 8.199346,-7.426105 8.194527,7.426154 V 6.7151829 h 8.554424 V 46.219139 c 0,3.555023 -3.555043,3.87113 -3.555043,3.87113 H 21.368642 V 6.7103452 h 9.502744 v 0.00474 z - id=path11 - style=fill:#939598;fill-opacity:1 / + d=M 13.01,0.5 V 46 c 0,5.95 4.550001,10.5 10.51,10.5 H 61.99 V 0.5 H 13.01 z m 41.98,49 H 27.02 c -3.85,0 -7,-3.15 -7,-7 v -35 h 10.5 V 32 l 6.97,-7 7,7 V 7.5 h 10.5 v 42 z + id=path3 + style=fill:#959595;fill-opacity:1 / /svg diff --git a/resources/mmv/ui/img/pd.svg b/resources/mmv/ui/img/pd.svg index eb4d750..778b7b0 100644 --- a/resources/mmv/ui/img/pd.svg +++ b/resources/mmv/ui/img/pd.svg @@ -26,28 +26,16 @@ /metadata defs id=defs10 / - g - transform=matrix(0.89136054,0,0,0.89136054,431.08023,-311.5986) - id=g29 -path - d=m -434,375.8 c -0.2,-1.5 -0.7,-2.8 -1.5,-3.9 -1.1,-1.6 -2.9,-2.4 -5.3,-2.4 -3.4,0 -5.8,1.7 -7.1,5.1 -0.7,1.8 -1,4.2 -1,7.2 0,2.9 0.3,5.1 1,6.9 1.2,3.2 3.5,4.9 6.9,4.9 2.4,0 4.1,-0.6 5.1,-1.9 1,-1.3 1.6,-3 1.8,-5 h 10.4 c -0.2,3.1 -1.4,6 -3.4,8.8 -3.2,4.5 -7.9,6.7 -14.2,6.7 -6.3,0 -10.9,-1.9 -13.8,-5.6 -3,-3.7 -4.4,-8.5 -4.4,-14.5 0,-6.7 1.6,-11.9 4.9,-15.6 3.3,-3.7 7.8,-5.6 13.5,-5.6 4.9,0 8.9,1.1 12,3.3 3.1,2.2 5,6.1 5.5,11.6 H -434 z - id=path31 - style=fill:#939598 / - /g - g - transform=translate(0,80) - id=g3410 -path - d=m 37.35,-83.5 c 9,0 16.6,3.1 22.9,9.4 3,3 5.3,6.4 6.9,10.3 1.6,3.9 2.3,8 2.3,12.3 0,4.4 -0.8,8.5 -2.3,12.3 -1.5,3.8 -3.8,7.2 -6.8,10.1 -3.1,3.1 -6.7,5.4 -10.6,7.1 -4,1.6 -8.1,2.5 -12.3,2.5 -4.2,0 -8.3,-0.8 -12.1,-2.4 -3.9,-1.6 -7.3,-4 -10.4,-7 -3.1,-3.1 -5.4,-6.5 -7,-10.4 -1.6,-3.8 -2.4,-7.9 -2.4,-12.2 0,-4.2 0.8,-8.3 2.4,-12.2 1.6,-3.9 4,-7.4 7.1,-10.5 5.9,-6.2 13.4,-9.3 22.3,-9.3 l 0,0 z m 0.1,5.8 c -7.3,0 -13.5,2.6 -18.5,7.7 -2.5,2.6 -4.4,5.4 -5.8,8.6 -1.4,3.2 -2,6.5 -2,10 0,3.4 0.7,6.7 2,9.9 1.4,3.2 3.3,6 5.8,8.5 2.5,2.5 5.4,4.4 8.5,5.7 3.2,1.3 6.5,2 9.9,2 3.4,0 6.8,-0.7 10,-2 3.2,-1.3 6.1,-3.3 8.7,-5.8 5,-4.9 7.5,-11 7.5,-18.3 0,-3.5 -0.6,-6.9 -1.9,-10.1 -1.3,-3.2 -3.2,-6 -5.7,-8.5 -5.1,-5.1 -11.3,-7.7 -18.5,-7.7 l 0,0 z - id=path6-0_1_-2 - style=fill:#939598 / -rect - width=8.5010338 - height=55.099468 - x=5.6489754 - y=35.382771 - transform=matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,0,0) - id=rect3025-8_1_-4 - style=fill:#939598 / - /g + path + d=M 54.414286,39.014286 C 55.328572,37.185714 55.785715,34.9 55.785715,33.071428 h -7.771429 l 6.4,5.942858 z + id=path5 + style=fill:#959595;fill-opacity:1 / + path +
[MediaWiki-commits] [Gerrit] Fixing dashboard welcome message style Fixed the font-size, ... - change (mediawiki...ContentTranslation)
Pginer has submitted this change and it was merged. Change subject: Fixing dashboard welcome message style Fixed the font-size, line height, and padding for the welcome message .. Fixing dashboard welcome message style Fixed the font-size, line height, and padding for the welcome message Change-Id: Ibd09d650772547faacd7514c3be8a361f2c655ce --- M modules/dashboard/styles/ext.cx.dashboard.less 1 file changed, 3 insertions(+), 2 deletions(-) Approvals: Pginer: Looks good to me, approved diff --git a/modules/dashboard/styles/ext.cx.dashboard.less b/modules/dashboard/styles/ext.cx.dashboard.less index 7cf9c23..e824a70 100644 --- a/modules/dashboard/styles/ext.cx.dashboard.less +++ b/modules/dashboard/styles/ext.cx.dashboard.less @@ -30,8 +30,9 @@ .cx-cta___description { .mw-ui-three-quarters; - font-size: larger; - padding: 0 20px; + font-size: 18px; +line-height: 22px; + padding: 2px 20px; } } -- To view, visit https://gerrit.wikimedia.org/r/188676 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: Ibd09d650772547faacd7514c3be8a361f2c655ce Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Nirzar npangar...@wikimedia.org Gerrit-Reviewer: Pginer pgi...@wikimedia.org Gerrit-Reviewer: jenkins-bot ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Styling adjustments for draft deletion - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/183229 Change subject: Styling adjustments for draft deletion .. Styling adjustments for draft deletion - Deleted translations appear lighter to make it clear they are no longer active. - Delete menu icon fits better in the action (was at the left edge). - Other visual adjustments to the menu to get closer to our design guidelines. Change-Id: I5efbd59f53ebe0cc85f68a0ae1eb995259269630 --- M modules/dashboard/styles/ext.cx.translationlist.less 1 file changed, 9 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/29/183229/1 diff --git a/modules/dashboard/styles/ext.cx.translationlist.less b/modules/dashboard/styles/ext.cx.translationlist.less index 2dc21d2..6dd6af6 100644 --- a/modules/dashboard/styles/ext.cx.translationlist.less +++ b/modules/dashboard/styles/ext.cx.translationlist.less @@ -10,6 +10,10 @@ .mw-ui-one-whole; padding: 10px; + .cx-translation-deleted { + opacity: 0.5; + } + .last-updated { .mw-ui-one-sixth; color: #565656; @@ -118,8 +122,9 @@ font-weight: normal; min-width: 300px; background-color: #fff; - border: 1px solid #ccc; - box-shadow: 0 5px 10px rgba(0,0,0,0.2); + border: 1px solid #ddd; + border-bottom: 3px solid #ddd; + border-radius: 2px; li { padding: 5px 30px; @@ -127,11 +132,11 @@ .background-image-svg('../images/trash_lightgray.svg', '../images/trash_lightgray.png'); background-repeat: no-repeat; background-position: center left; - background-size: 20px; + background-size: 30px 20px; :hover { .background-image-svg('../images/trash_orange.svg', '../images/trash_orange.png'); - background-color: darken( white, 10% ); + background-color: darken( white, 5% ); } } } -- To view, visit https://gerrit.wikimedia.org/r/183229 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I5efbd59f53ebe0cc85f68a0ae1eb995259269630 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Hide gray bar artifact on top of CX pages - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/181721 Change subject: Hide gray bar artifact on top of CX pages .. Hide gray bar artifact on top of CX pages This CSS hides a gray bar that appears on top of CX dashboard and translation views. This is added by another extension present in English beta (to reproduce the issue loacally you can inject the corresponding HTML as shown in http://pastebin.com/eNycL0zn ) Bug: T76718 Change-Id: I3823675b27cf5b9fc41d19bb8c5f9bb879771e74 --- M modules/dashboard/styles/ext.cx.dashboard.less M modules/translationview/styles/ext.cx.translationview.less 2 files changed, 9 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/21/181721/1 diff --git a/modules/dashboard/styles/ext.cx.dashboard.less b/modules/dashboard/styles/ext.cx.dashboard.less index 6151158..742d4af 100644 --- a/modules/dashboard/styles/ext.cx.dashboard.less +++ b/modules/dashboard/styles/ext.cx.dashboard.less @@ -45,4 +45,8 @@ // Do not display the header bar containing the link to dashboard in dashboard page. .cx-header__bar { display: none; -} \ No newline at end of file +} + +#mwe-popups-svg { + display: none; +} diff --git a/modules/translationview/styles/ext.cx.translationview.less b/modules/translationview/styles/ext.cx.translationview.less index b8725f8..fde8012 100644 --- a/modules/translationview/styles/ext.cx.translationview.less +++ b/modules/translationview/styles/ext.cx.translationview.less @@ -127,3 +127,7 @@ .cx-column .cx-column__content figure[typeof*='mw:Image'] { float: none; } + +#mwe-popups-svg { + display: none; +} -- To view, visit https://gerrit.wikimedia.org/r/181721 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3823675b27cf5b9fc41d19bb8c5f9bb879771e74 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix for beta feature icon - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/179952 Change subject: Fix for beta feature icon .. Fix for beta feature icon Some SVG parameters made the image not to scale properly. Change-Id: Ic594ff7b84e5951de0ab4e53dd536f46ac3032cf --- M images/cx-icon-ltr.svg M images/cx-icon-rtl.svg 2 files changed, 154 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/52/179952/1 diff --git a/images/cx-icon-ltr.svg b/images/cx-icon-ltr.svg index 49e54c2..d4c237c 100644 --- a/images/cx-icon-ltr.svg +++ b/images/cx-icon-ltr.svg @@ -1 +1,77 @@ -?xml version=1.0 encoding=UTF-8?svg xmlns=http://www.w3.org/2000/svg; viewBox=0 0 1024 768 enable-background=new 0 0 1024 768path fill=#E5E5E5 d=M715.6 89.2h85.3v23.3h-85.3zM901.8 89.2h100.8v23.3H901.8zM684.6 89.2h23.3v23.3h-23.3zM808.7 89.2H894v23.3h-85.3z/path fill=none stroke=#E5E5E5 stroke-width=4 stroke-miterlimit=10 d=M0 59.8v589.6l52 38.8 44.6-38.8 53.9 38.8 39.6-32.6 8.1-6.2 48.9 38.8 53.5-38.8 55.1 38.8 50.4-38.8 50.4 38.8 53.5-38.8 46.9 38.8 52-38.8 55.1 38.8 50.4-38.8 50.4 38.8 22.5-16.7 31.4-22.1 19 16.3 29.5 22.5 53.5-38.8 53.9 38.8 10.5-8.1v.4l38.8-28.7v-592H0z/path fill=#E5E5E5 d=M554.7 89.2H190.1v23.3h364.6V89.2zm-3.9 19.4H193.9V93.1h356.8v15.5zM626.4 89.2h50.4v23.3h-50.4zM34.9 89.2H159v23.3H34.9zM595.4 89.2h23.3v23.3h-23.3z/path fill=#E5E5E5 stroke=#E5E5E5 d=M7.8 126.1h1008.5/g fill=#D6D6D6path d=M38.5 161.1h335.8v47.6H38.5zM200.9 238.5v132.8h173.5V238.5H200.9zm154.3 105.3H218.9l40.7-52.6 6-2.4 38.3 40.7 20.3-12 31 26.3zM38.5 398.5h333.8v27.6H38.5zM38.5 445.7h333.8v27.6H38.5zM38.5 296.7h135.2v27.6H38.5zM38.5 343.9h135.2v27.6H38.5zM38.5 523.5h333.8v27.6H38.5zM38.5 570.8h333.8v27.6H38.5z//gg fill=#D6D6D6path d=M420.2 161.1H756v47.6H420.2zM582.6 238.5v132.8H756V238.5H582.6zm154.3 105.3H600.5l40.7-52.6 6-2.4 38.3 40.7 20.3-12 31.1 26.3zM420.2 398.5H754v27.6H420.2zM420.2 445.7H754v27.6H420.2zM420.2 296.7h135.2v27.6H420.2zM420.2 343.9h135.2v27.6H420.2zM420.2 523.5H754v27.6H420.2zM420.2 570.8H754v27.6H420.2z//gpath fill=#D6D6D6 d=M808.7 657.9l10.1-7.1 19 16.3 29.5 22.5 53.5-38.8 53.9 38.8 10.5-8.1v.4l17.5-12.9V162.5h-194z/path fill=#347BFF d=M549.2 551.8H117.8l45.4-148-45.4-147.6h431.4l125 147.8z/path fill=#fff d=M386.6 420.8c-17.3-17-32.4-31.7-41.1-66h60.3v-25.6h-60.3v-33.5h-26v33.9h-60.3v25.6h60.3v8.7c-8.7 33.5-18.8 55-60.3 76.1l8.7 25.6c39.2-21.1 59.9-47.1 69-76.5 8.7 22.2 23.4 40 40 56.9l9.7-25.2zm79.9-83h-34.7l-60.3 170h26l17.3-50.9h68.6l17.3 50.9h26l-60.2-170zm-43.3 93.5l26-67.8 26 67.8h-52z//svg \ No newline at end of file +?xml version=1.0 encoding=UTF-8 standalone=no? +!-- Created with Inkscape (http://www.inkscape.org/) -- + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + version=1.1 + width=264 + height=162 + viewBox=0 0 264 162 + id=svg2 + metadata + id=metadata64 +rdf:RDF + cc:Work + rdf:about= +dc:formatimage/svg+xml/dc:format +dc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; / +dc:title/dc:title + /cc:Work +/rdf:RDF + /metadata + defs + id=defs62 / + g + transform=matrix(0.2500537,0,0,0.2500537,108.251,70.479448) + id=g3068 +path + d=m 298.62561,-242.72683 h 85.3 v 23.3 h -85.3 z m 186.2,0 h 100.8 v 23.3 h -100.8 z m -217.2,0 h 23.3 v 23.3 h -23.3 z m 124.1,0 h 85.3 v 23.3 h -85.3 z + id=path4 + style=fill:#e5e5e5 / +path + d=m -416.97439,-272.12683 v 589.6 l 52,38.8 44.6,-38.8 53.9,38.8 39.6,-32.6 8.1,-6.2 48.9,38.8 53.5,-38.8 55.1,38.8 50.4,-38.8 50.4,38.8 53.5,-38.8 46.9,38.8 52,-38.8 55.1,38.8 50.4,-38.8 50.4,38.8 22.5,-16.7 31.4,-22.1 19,16.3 29.5,22.5 53.5,-38.8 53.9,38.8 10.5,-8.1 v 0.4 l 38.8,-28.7 v -592 h -1023.9 z + id=path6 + style=fill:#ff;fill-opacity:1;stroke:#e5e5e5;stroke-width:3.99914098;stroke-miterlimit:10 / +path + d=m 137.72561,-242.72683 h -364.6 v 23.3 h 364.6 v -23.3 z m -3.9,19.4 h -356.9 v -15.5 h 356.8 v 15.5 z m 75.6,-19.4 h 50.4 v 23.3 h -50.4 z m -591.5,0 h 124.1 v 23.3 h -124.1 z m 560.5,0 h 23.3 v 23.3 h -23.3 z + id=path8 + style=fill:#e5e5e5 / +path + d=m -409.17439,-205.82683 h 1008.5 + id=path10 + style=fill:#e5e5e5;stroke:#e5e5e5;stroke-width:3.99914098 / +g + transform=translate(-416.97439,-331.92683) + id=g12 + style=fill:#d6d6d6 + path + d=m 38.5,161.1 h 335.8 v 47.6 H 38.5 z m 162.4,77.4 V 371.3 H 374.4 V 238.5 H 200.9 z M 355.2,343.8 H 218.9 l 40.7,-52.6 6,-2.4 38.3,40.7 20.3,-12 31,26.3 z M 38.5,398.5 h 333.8 v 27.6 H 38.5 z m 0,47.2 h 333.8 v 27.6 H 38.5 z m 0,-149 h 135.2
[MediaWiki-commits] [Gerrit] Adjust styling for red interlanguage link dialog - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/179489 Change subject: Adjust styling for red interlanguage link dialog .. Adjust styling for red interlanguage link dialog Spacing and colors are adjusted so that the legal text does not draw as much attention as before. Main action is emphasised too. Change-Id: I3cc0732282f953f35ba44f87701a69e169939dec --- M modules/entrypoint/ext.cx.entrypoint.js M modules/entrypoint/styles/ext.cx.entrypoint.less 2 files changed, 16 insertions(+), 14 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/89/179489/1 diff --git a/modules/entrypoint/ext.cx.entrypoint.js b/modules/entrypoint/ext.cx.entrypoint.js index 62588df..13b6889 100644 --- a/modules/entrypoint/ext.cx.entrypoint.js +++ b/modules/entrypoint/ext.cx.entrypoint.js @@ -182,7 +182,7 @@ .append( this.$titleInput ); this.$actionScratch = $( 'button' ) - .addClass( 'mw-ui-button cx-entrypoint-dialog-button-create-from-scratch' ) + .addClass( 'mw-ui-button mw-ui-quiet cx-entrypoint-dialog-button-create-from-scratch' ) .text( mw.msg( 'cx-entrypoint-dialog-button-create-from-scratch' ) ); translateButtonLabel = mw.msg( @@ -190,7 +190,7 @@ $.uls.data.getAutonym( mw.config.get( 'wgContentLanguage' ) ) ); this.$actionTranslate = $( 'button' ) - .addClass( 'mw-ui-button cx-entrypoint-dialog-button-translate-from' ) + .addClass( 'mw-ui-button mw-ui-progressive cx-entrypoint-dialog-button-translate-from' ) .text( translateButtonLabel ); $license = $( 'div' ) diff --git a/modules/entrypoint/styles/ext.cx.entrypoint.less b/modules/entrypoint/styles/ext.cx.entrypoint.less index 2b0fc8c..8b5aae9 100644 --- a/modules/entrypoint/styles/ext.cx.entrypoint.less +++ b/modules/entrypoint/styles/ext.cx.entrypoint.less @@ -4,10 +4,11 @@ .cx-entrypoint-dialog { .mw-ui-grid; .mw-ui-one-third; + padding: 0; color: #333; position: absolute; - min-width: 500px; - max-width: 700px; + min-width: 600px; + max-width: 800px; background: white; border: 1px solid #ccc; border-bottom-width: 3px; @@ -23,8 +24,8 @@ .mw-ui-one-whole; padding: @vertical-margin @horizontal-margin; font-size: large; + font-weight: bolder; line-height: 1.5em; - background-color: #fbfbfb; .icon-close { .background-image-svg('../images/close.svg', '../images/close.png'); @@ -42,15 +43,14 @@ .cx-entrypoint-dialog__title-label { .mw-ui-item; .mw-ui-one-whole; - padding: 15px; - padding-bottom: 0; - border-top: 1px solid #ddd; + padding: 10px 15px 5px 15px; + color: #333; } .cx-entrypoint-dialog__title-box-block { .mw-ui-item; .mw-ui-one-whole; - padding: 10px 15px 0 15px; + padding: 5px 15px 20px 15px; input { .mw-ui-item; @@ -64,9 +64,9 @@ .cx-entrypoint-dialog__actions { .mw-ui-item; .mw-ui-one-whole; - padding: 10px 15px 15px 15px; + padding: 15px 15px 15px 15px; text-align: right; - background-color: #F0F0F0; + background-color: #FBFBFB; button { margin-left: 10px; } @@ -75,7 +75,9 @@ .cx-entrypoint-dialog__license { .mw-ui-item; .mw-ui-one-whole; - padding: 10px; - background-color: #F0F0F0; - font-size: small; + padding: 15px 10px 5px 10px; + background-color: #FBFBFB; + font-size: 12px; + color: #777; + border-top: 1px solid #f5f5f5; } \ No newline at end of file -- To view, visit https://gerrit.wikimedia.org/r/179489 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3cc0732282f953f35ba44f87701a69e169939dec Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Styling adjustments for the new translation dialog - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/179498 Change subject: Styling adjustments for the new translation dialog .. Styling adjustments for the new translation dialog Colors, spacing and font size have been adjusted to make the legal text area less prominent. The language selectors have been styled and turned them into button elements to allow (a) keyboard selection and (b) reuse the existing button style. Change-Id: I3607163489491eae953c1b85e329c4745840c481 --- M modules/source/ext.cx.source.selector.js M modules/source/styles/ext.cx.source.selector.less 2 files changed, 28 insertions(+), 13 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/98/179498/1 diff --git a/modules/source/ext.cx.source.selector.js b/modules/source/ext.cx.source.selector.js index 1b71fc5..8ea3d0a 100644 --- a/modules/source/ext.cx.source.selector.js +++ b/modules/source/ext.cx.source.selector.js @@ -656,8 +656,9 @@ $sourceLanguageLabel = $( 'label' ).addClass( 'cx-sourceselector-dialog__language-label' ) .text( mw.msg( 'cx-sourceselector-dialog-source-language-label' ) ); - this.$sourceLanguage = $( 'div' ) + this.$sourceLanguage = $( 'button' ) .addClass( 'cx-sourceselector-dialog__language' ) + .addClass( 'mw-ui-button' ) .text( $.uls.data.getAutonym( mw.config.get( 'wgContentLanguage' ) ) ); this.$sourceLanguage.uls( { @@ -673,8 +674,9 @@ $targetLanguageLabel = $( 'label' ).addClass( 'cx-sourceselector-dialog__language-label' ) .text( mw.msg( 'cx-sourceselector-dialog-target-language-label' ) ); - this.$targetLanguage = $( 'div' ) + this.$targetLanguage = $( 'button' ) .addClass( 'cx-sourceselector-dialog__language' ) + .addClass( 'mw-ui-button' ) .text( $.uls.data.getAutonym( mw.config.get( 'wgContentLanguage' ) ) ); this.fillTargetLanguages(); diff --git a/modules/source/styles/ext.cx.source.selector.less b/modules/source/styles/ext.cx.source.selector.less index 8dfa11f..efe5648 100644 --- a/modules/source/styles/ext.cx.source.selector.less +++ b/modules/source/styles/ext.cx.source.selector.less @@ -5,10 +5,10 @@ .mw-ui-item; color: #333; position: absolute; - min-width: 400px; - max-width: 600px; + min-width: 500px; + max-width: 700px; background: white; - border: 1px solid #ccc; + border: 1px solid #ddd; border-bottom-width: 3px; border-radius: 3px; padding: 0; @@ -21,9 +21,9 @@ .mw-ui-item; .mw-ui-one-whole; padding: @vertical-margin @horizontal-margin; - font-size: 2em; + font-size: 1.6em; line-height: 1.5em; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #eee; font-weight: normal; } @@ -33,7 +33,7 @@ .mw-ui-one-whole; height: 50px; padding: 10px; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #eee; } .cx-sourceselector-dialog__language-label { @@ -47,10 +47,22 @@ .mw-ui-item; .mw-ui-two-tenths; font-size: medium; - height: 30px; - margin-top: 5px; + padding: 5px 10px; background: #efefef; cursor: pointer; + text-align: inherit; + position: relative; + :after { + .background-image-svg('../../tools/images/dropdown.svg', '../../tools/images/dropdown.png'); + content: ; + display: inline-block; + width: 20px; + height: 12px; + right: 2px; + position: absolute; + bottom: 50%; + margin-bottom: -6px; + } } .cx-sourceselector-dialog__title { @@ -82,7 +94,7 @@ .mw-ui-one-whole; padding: 10px 15px 15px 15px; text-align: right; - background-color: #F0F0F0; + background-color: #FBFBFB; button { margin-left: 10px; } @@ -102,8 +114,9 @@ .mw-ui-item; .mw-ui-one-whole; padding: 10px; - background-color: #F0F0F0; - font-size: small; + background-color: #FBFBFB; + font-size: 12px; + color: #777; } .uls-language-list a.cx-sourceselector-unavailable-target { -- To view, visit https://gerrit.wikimedia.org/r/179498 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3607163489491eae953c1b85e329c4745840c481 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer
[MediaWiki-commits] [Gerrit] Adjust tools column z-index to make the sticky header transi... - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/176347 Change subject: Adjust tools column z-index to make the sticky header transition less jarring .. Adjust tools column z-index to make the sticky header transition less jarring The z-index is adjusted to make sure the publish button does not cover the tools column when moving when the header becomes fixed on top (which happens when you scroll down). Change-Id: I32bea280f0110acea6713938b0dce09dc56bacac --- M modules/translationview/styles/ext.cx.translationview.less 1 file changed, 1 insertion(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/47/176347/1 diff --git a/modules/translationview/styles/ext.cx.translationview.less b/modules/translationview/styles/ext.cx.translationview.less index 6aeb2db..605b886 100644 --- a/modules/translationview/styles/ext.cx.translationview.less +++ b/modules/translationview/styles/ext.cx.translationview.less @@ -73,6 +73,7 @@ background: #f0f0f0; min-height: 100vh; position: relative; + z-index: 20; .sticky { .stick-to-side; -- To view, visit https://gerrit.wikimedia.org/r/176347 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I32bea280f0110acea6713938b0dce09dc56bacac Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjust header styling on the dashboard - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/176354 Change subject: Adjust header styling on the dashboard .. Adjust header styling on the dashboard This patchset makes the header to be consistent with the style used in the Translation view: white and with a line below (which is actually the border-top of the element below since user controls are not actually wrapped by the header element) Change-Id: I0b7a3986530ded0449a01fac249f5959be350a99 --- M modules/dashboard/styles/ext.cx.dashboard.less 1 file changed, 9 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/54/176354/1 diff --git a/modules/dashboard/styles/ext.cx.dashboard.less b/modules/dashboard/styles/ext.cx.dashboard.less index d2e39ba..6151158 100644 --- a/modules/dashboard/styles/ext.cx.dashboard.less +++ b/modules/dashboard/styles/ext.cx.dashboard.less @@ -21,6 +21,8 @@ .mw-ui-one-whole; padding: 50px; background-color: #fff; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; .cx-cta__action { .mw-ui-one-quarter; @@ -33,6 +35,13 @@ } } +.cx-widget { + .mw-ui-grid; + color: @gray-darker; + background: white; + padding-bottom: 50px; +} + // Do not display the header bar containing the link to dashboard in dashboard page. .cx-header__bar { display: none; -- To view, visit https://gerrit.wikimedia.org/r/176354 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I0b7a3986530ded0449a01fac249f5959be350a99 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Generic icon for licenses - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/173192 Change subject: Generic icon for licenses .. Generic icon for licenses A document-like icon for those licenses lacking a more specific icon. Change-Id: Ica254b10c4b5fa65eac463b8d878402c5c48a411 --- A resources/mmv/ui/img/license.svg M resources/mmv/ui/mmv.ui.metadataPanel.less 2 files changed, 38 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/92/173192/1 diff --git a/resources/mmv/ui/img/license.svg b/resources/mmv/ui/img/license.svg new file mode 100644 index 000..a981611 --- /dev/null +++ b/resources/mmv/ui/img/license.svg @@ -0,0 +1,33 @@ +?xml version=1.0 encoding=UTF-8 standalone=no? +!-- Created with Inkscape (http://www.inkscape.org/) -- + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + version=1.0 + width=64 + height=64 + viewBox=5.5 -3.5 64 64 + id=svg2 + metadata + id=metadata12 +rdf:RDF + cc:Work + rdf:about= +dc:formatimage/svg+xml/dc:format +dc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; / +dc:title/dc:title + /cc:Work +/rdf:RDF + /metadata + defs + id=defs10 / + path + d=M 12.600317,0.5048851 V 56.5 h 42.684459 c 3.555042,0 7.114907,-3.02977 7.114907,-6.589674 V 0.5 H 12.600317 V 0.50474 z M 30.871466,6.7151829 V 29.275649 l 8.199346,-7.426105 8.194527,7.426154 V 6.7151829 h 8.554424 V 46.219139 c 0,3.555023 -3.555043,3.87113 -3.555043,3.87113 H 21.368642 V 6.7103452 h 9.502744 v 0.00474 z + id=path11 + style=fill:#939598;fill-opacity:1 / +/svg diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index 42e6ed0..5bda3a6 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -184,6 +184,11 @@ background-repeat: no-repeat; } + .mw-mmv-license-li:before { + /* @embed */ + background-image: url(img/license.svg); + } + .mw-mmv-license-li.cc-license:before { /* @embed */ background-image: url(img/cc.svg); -- To view, visit https://gerrit.wikimedia.org/r/173192 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ica254b10c4b5fa65eac463b8d878402c5c48a411 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Align text and icons on the grey area - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/171571 Change subject: Align text and icons on the grey area .. Align text and icons on the grey area Due to differences in line-height, author and license text were missaligned. Some adjusment has been done also about icon position. The end result can be viewed at http://i.imgur.com/x7KEjDE.png Change-Id: Ie369d7ab6f1230b1b795ce2b63cdba1401d052dd --- M resources/mmv/ui/mmv.ui.metadataPanel.less 1 file changed, 10 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/71/171571/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index e3495c0..e0cf138 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -37,6 +37,10 @@ } } +.mw-mmv-source-author { + line-height: 1.8em; +} + .mw-mmv-title { font-size: 1.2em; max-width: 60%; @@ -48,7 +52,7 @@ margin-top: -@metadatabar-below-fold-pushup-height; border-top: @fold-separator-border-width solid #ddd; background-color: #f5f5f5; - padding-top: 4px; + padding-top: 2px; .jq-fullscreened { // Make sure content fits into the screen. This assumes no paddings. @@ -66,7 +70,8 @@ height: 16px; width: 16px; content: ' '; - margin-right: 5px; + margin-right: 7px; + margin-bottom: 2px; background-size: contain; background-position: center center; background-repeat: no-repeat; @@ -114,7 +119,8 @@ height: 16px; width: 16px; content: ' '; - margin-right: 10px; + margin-right: 7px; + margin-bottom: 2px; background-size: contain; background-position: right center; background-repeat: no-repeat; @@ -139,7 +145,7 @@ /* @embed */ background-image: url(img/uploader-ltr.svg); width: 18px; - margin-right: 8px; + margin-right: 5px; } .mw-mmv-location-li:before { -- To view, visit https://gerrit.wikimedia.org/r/171571 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ie369d7ab6f1230b1b795ce2b63cdba1401d052dd Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjust top-navigation header styling - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/171513 Change subject: Adjust top-navigation header styling .. Adjust top-navigation header styling Removes extra margins and aligns the header text. Change-Id: Ibf481a991c257f185ea4c08adcf19754ef64ee4a --- M modules/header/ext.cx.header.js M modules/header/styles/ext.cx.header.less 2 files changed, 8 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/13/171513/1 diff --git a/modules/header/ext.cx.header.js b/modules/header/ext.cx.header.js index 056e98e..efc447d 100644 --- a/modules/header/ext.cx.header.js +++ b/modules/header/ext.cx.header.js @@ -156,7 +156,7 @@ .addClass( 'cx-header__title' ) .append( $( 'div' ).addClass( 'cx-header__logo' ), - $( 'span' ).text( mw.msg( 'cx' ) ) + $( 'span' ).addClass( 'cx-header__title__name' ).text( mw.msg( 'cx' ) ) ); this.$publishButton = $( 'button' ) diff --git a/modules/header/styles/ext.cx.header.less b/modules/header/styles/ext.cx.header.less index 536c136..ffe2d55 100644 --- a/modules/header/styles/ext.cx.header.less +++ b/modules/header/styles/ext.cx.header.less @@ -20,11 +20,17 @@ .cx-header__title { .mw-ui-item; .mw-ui-two-fifths; - padding: 10px 0 5px 0; + padding: 0; font-size: 18px; color: #777; } +.cx-header__title__name { + display: inline-block; + padding-top: 8px; +} + + .cx-header__bar { .mw-ui-item; .mw-ui-one-whole; -- To view, visit https://gerrit.wikimedia.org/r/171513 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ibf481a991c257f185ea4c08adcf19754ef64ee4a Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix open panel detection when scrolling - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/169676 Change subject: Fix open panel detection when scrolling .. Fix open panel detection when scrolling With touch devices, scrolling may get negative values (e.g., when scrolling beyond the page limits). That kind fo scroll was triggering the aplication of the panel-oppen class producing unintended UI changes. With this patchset the class is only applied when the panel is really opened. Change-Id: I183d8c725373ab29802650b53e26fd4820dbf499 --- M resources/mmv/ui/mmv.ui.metadataPanelScroller.js 1 file changed, 1 insertion(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/76/169676/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.js b/resources/mmv/ui/mmv.ui.metadataPanelScroller.js index 0e7a861..0670c3b 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.js +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.js @@ -191,7 +191,7 @@ * @fires mmv-metadata-close */ MPSP.scroll = function () { - var panelIsOpen = !!$.scrollTo().scrollTop(); + var panelIsOpen = !!($.scrollTo().scrollTop() 0); this.$container.toggleClass( 'panel-open', panelIsOpen ); -- To view, visit https://gerrit.wikimedia.org/r/169676 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I183d8c725373ab29802650b53e26fd4820dbf499 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Layout adjustment for right data column - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/169746 Change subject: Layout adjustment for right data column .. Layout adjustment for right data column The right data column has been adjusted to: * Make the position of license info consistent when moving through images. * Make the position of the right list of data consistent when the panel is open. That is achieved by adjusting the license position in a different way depending on the status of the panel (open or closed). Change-Id: Ia1a54d400e9810119d5222a9da732e099d81d9cf --- M resources/mmv/ui/mmv.ui.metadataPanel.less 1 file changed, 15 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/46/169746/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index e16d09d..1352a17 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -217,7 +217,21 @@ } .mw-mmv-image-metadata-links-column { - width: 33.5%; + max-width: 33.5%; + float: right; + + .panel-open { + width: 33.5%; + } + + li { + display: none; + } + + .panel-open li, +li.mw-mmv-license-li { + display: list-item; + } } .mw-mmv-permission-link { -- To view, visit https://gerrit.wikimedia.org/r/169746 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ia1a54d400e9810119d5222a9da732e099d81d9cf Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Cog icon adjustment - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/168987 Change subject: Cog icon adjustment .. Cog icon adjustment Border was added for the cog icon so that it can be visible on white Change-Id: I1bdd73e2e8be571d3d0e3ab49e5d005812e2d090 --- M resources/mmv/ui/img/gear.svg 1 file changed, 27 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/87/168987/1 diff --git a/resources/mmv/ui/img/gear.svg b/resources/mmv/ui/img/gear.svg index 9acab34..13a3587 100644 --- a/resources/mmv/ui/img/gear.svg +++ b/resources/mmv/ui/img/gear.svg @@ -1,3 +1,27 @@ -?xml version=1.0 encoding=utf-8? -!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; -svg version=1.1 xmlns=http://www.w3.org/2000/svg; viewBox=0 0 96 96 xml:space=preservepath style=fill:#ff;stroke:none d=M96,56.8V39.2l-10.8-1.8c-0.8-2.9-2-5.7-3.4-8.2l6.3-8.9L75.7,7.8l-8.9,6.3c-2.6-1.4-5.3-2.6-8.2-3.4L56.8,0H39.2l-1.8,10.8c-2.9,0.8-5.7,2-8.2,3.4l-8.9-6.3L7.8,20.3l6.3,8.9c-1.4,2.6-2.6,5.3-3.4,8.3L0,39.2v17.6l10.7,1.8c0.8,2.9,2,5.7,3.4,8.3l-6.3,8.9l12.4,12.4l8.9-6.3c2.6,1.4,5.3,2.6,8.3,3.4L39.2,96h17.6l1.8-10.8c2.9-0.8,5.7-2,8.2-3.4l8.9,6.3l12.4-12.4l-6.3-8.9c1.4-2.6,2.6-5.3,3.4-8.3L96,56.8z M48,66.4c-10.2,0-18.4-8.3-18.4-18.4c0-10.2,8.3-18.4,18.4-18.4S66.4,37.8,66.4,48C66.4,58.2,58.2,66.4,48,66.4z//svg +?xml version=1.0 encoding=UTF-8 standalone=no? +!-- Created with Inkscape (http://www.inkscape.org/) -- + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + version=1.1 + width=100% + height=100% + viewBox=0 0 96 96 + id=svg2 + xml:space=preservemetadata + id=metadata10rdf:RDFcc:Work + rdf:about=dc:formatimage/svg+xml/dc:formatdc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs + id=defs8 /g + transform=matrix(4.4909144,0,0,4.4909144,-132.48096,-35.36026) + id=g3781path + d=m 38.125,7.875 c -0.003,9.204e-4 0.003,0.030271 0,0.03125 -0.003,0.00104 -0.02826,-0.0011 -0.03125,0 -0.003,0.00115 -0.02831,-0.00121 -0.03125,0 -0.0029,0.00127 0.0029,0.029925 0,0.03125 -0.0029,0.00132 -0.02838,-0.00138 -0.03125,0 -0.0028,0.00144 -0.02844,-0.00149 -0.03125,0 -0.0028,0.00155 0.0028,0.029651 0,0.03125 -0.0028,0.0016 -0.02853,-0.00165 -0.03125,0 -0.0027,0.00176 -0.02863,-0.00181 -0.03125,0 -0.0026,0.00181 0.0026,0.029392 0,0.03125 -0.0025,0.00191 -0.02874,-0.00196 -0.03125,0 -0.0025,0.00201 0.0024,0.029197 0,0.03125 -0.0024,0.00205 -0.02886,-0.0021 -0.03125,0 -0.0023,0.00215 0.0023,0.029059 0,0.03125 -0.0023,0.00219 -0.02898,-0.00224 -0.03125,0 -0.0022,0.00232 -0.02912,0.028886 -0.03125,0.03125 -0.002,0.00244 0.002,0.028766 0,0.03125 -0.002,0.00248 -0.02931,-0.00252 -0.03125,0 -0.0019,0.00256 0.0018,0.028655 0,0.03125 -0.0018,0.00263 -0.02951,-0.00266 -0.03125,0 -0.0017,0.00266 0.0017,0.028552 0,0.03125 -0.0016,0.00273 0.0016,0.028488 0,0.03125 -0.0016,0.00276 -0.02972,-0.00279 -0.03125,0 -0.0015,0.00282 0.0014,0.028401 0,0.03125 -0.0013,0.0029 -0.03,0.028323 -0.03125,0.03125 -0.0012,0.00295 0.0011,0.028277 0,0.03125 -0.001,0.00301 9.6e-4,0.028216 0,0.03125 -9.01e-4,0.00305 8.42e-4,0.028181 0,0.03125 -8.42e-4,0.00307 -0.03047,-0.00309 -0.03125,0 -7.22e-4,0.0031 6.62e-4,0.028137 0,0.03125 -6.01e-4,0.00313 5.4e-4,0.028114 0,0.03125 -4.79e-4,0.00315 4.18e-4,0.028095 0,0.03125 l -0.3125,1.875 c -0.327001,0.110775 -0.63361,0.227755 -0.9375,0.375 L 34.8125,9.625 c -0.0029,-0.00204 -0.0283,0.00197 -0.03125,0 -0.003,-0.00184 -0.02817,-0.029474 -0.03125,-0.03125 -0.0031,-0.00171 -0.0281,0.00164 -0.03125,0 -0.0032,-0.00157 -0.02803,0.0015 -0.03125,0 -0.0032,-0.0015 0.0033,-0.029817 0,-0.03125 -0.0033,-0.00136 -0.02794,0.00129 -0.03125,0 -0.0033,-0.00122 -0.02789,0.00115 -0.03125,0 -0.0034,-0.00107 -0.02784,-0.03025 -0.03125,-0.03125 -0.0034,-9.256e-4 -0.0278,8.51e-4 -0.03125,0 -0.0035,-7.008e-4 -0.02775,6.252e-4 -0.03125,0 -0.0035,-5.493e-4 -0.02773,4.731e-4 -0.03125,0 -0.0035,-3.967e-4 -0.02771,3.201e-4 -0.03125,0 -0.0035,-2.433e-4 -0.0277,1.665e-4 -0.03125,0 -0.0036,-8.96e-5 -0.0277,-0.031237 -0.03125,-0.03125 -0.0036,6.44e-5 -0.0277,0.031109 -0.03125,0.03125 -0.0035,2.182e-4 -0.02771,-2.95e-4 -0.03125,0 -0.0035,3.716e-4 -0.02773,-4.481e-4 -0.03125,0 -0.0035,5.244e-4 -0.02775,-6.004e-4 -0.03125,0 -0.0035,7.515e-4 -0.02779,-8.266e-4 -0.03125,0 -0.0034,9.012e-4 -0.02783,-9.755e-4 -0.03125,0 -0.0034,0.00105 -0.02788,0.030127 -0.03125,0.03125 -0.0033,0.0012 -0.02793,-0.00127 -0.03125,0 -0.0033,0.00134 -0.02799,-0.00141 -0.03125,0 -0.0032,0.00148 0.0032,0.0297 0,0.03125 -0.0032,0.00155 -0.02809,-0.00162 -0.03125,0 -0.0031,0.00169
[MediaWiki-commits] [Gerrit] Style adjustments to the disable panel - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/168272 Change subject: Style adjustments to the disable panel .. Style adjustments to the disable panel Spacing, color, and typography adjustments to the disable/enable panels Change-Id: I86cfa04353fb500ebe027576a61301e8ef2f0f3b --- M resources/mmv/ui/img/x_darkgreen.svg M resources/mmv/ui/mmv.ui.viewingOptions.less 2 files changed, 37 insertions(+), 15 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/72/168272/1 diff --git a/resources/mmv/ui/img/x_darkgreen.svg b/resources/mmv/ui/img/x_darkgreen.svg index 8be9978..f491a6b 100644 --- a/resources/mmv/ui/img/x_darkgreen.svg +++ b/resources/mmv/ui/img/x_darkgreen.svg @@ -1,5 +1,22 @@ ?xml version=1.0 encoding=UTF-8 standalone=no? -!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- -svg xmlns:dc=http://purl.org/dc/elements/1.1/; xmlns:cc=http://creativecommons.org/ns#; xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; xmlns:svg=http://www.w3.org/2000/svg; xmlns=http://www.w3.org/2000/svg; xmlns:sodipodi=http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd; xmlns:inkscape=http://www.inkscape.org/namespaces/inkscape; version=1.1 id=Layer_1 x=0px y=0px viewBox=0 0 612 792 enable-background=new 0 0 612 792 xml:space=preserve inkscape:version=0.48.2 r9819 width=100% height=100% sodipodi:docname=x_darkgreen.svgmetadata id=metadata9rdf:RDFcc:Work rdf:about=dc:formatimage/svg+xml/dc:formatdc:type rdf:resource=http://purl.org/dc/dcmitype/StillImage//cc:Work/rdf:RDF/metadatadefs id=defs7/sodipodi:namedview pagecolor=#ff bordercolor=#66 borderopacity=1 objecttolerance=10 gridtolerance=10 guidetolerance=10 inkscape:pageopacity=0 inkscape:pageshadow=2 inkscape:window-width=721 inkscape:window-height=480 id=namedview5 showgrid=false inkscape:zoom=0.2979798 inkscape:cx=306 inkscape:cy=364.11864 inkscape:window-x=0 inkscape:window-y=0 inkscape:window-maximized=0 inkscape:current-layer=Layer_1/ -polygon fill=#99 points=612,179.2 522.8,90 306,306.8 89.2,90 0,179.2 216.8,396 0,612.8 89.2,702 306,485.2 522.8,702 612,612.8 395.2,396 id=polygon3 style=fill:#0a604c;fill-opacity:1/ -/svg \ No newline at end of file +!-- Created with Inkscape (http://www.inkscape.org/) -- + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + version=1.1 + width=100% + height=100% + viewBox=0 0 96 96 + id=Layer_1 + xml:space=preservemetadata + id=metadata9rdf:RDFcc:Work + rdf:about=dc:formatimage/svg+xml/dc:formatdc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs + id=defs7 /polygon + points=82,0 48,34 14,0 0,14 34,48 0,82 14,96 48,62 82,96 96,82 62,48 96,14 + id=polygon3 + style=fill:#0a604c;fill-opacity:1 //svg \ No newline at end of file diff --git a/resources/mmv/ui/mmv.ui.viewingOptions.less b/resources/mmv/ui/mmv.ui.viewingOptions.less index c943701..ecccfce 100644 --- a/resources/mmv/ui/mmv.ui.viewingOptions.less +++ b/resources/mmv/ui/mmv.ui.viewingOptions.less @@ -13,7 +13,7 @@ z-index: 1004; - padding: 10px; + padding: 15px; .mw-mmv-enable-confirmation-shown { background-color: #00AF89; @@ -44,7 +44,10 @@ top: (@offset-top + (@arrow-size / 2 )); } - .mw-mmv-options-enable, + .mw-mmv-options-enable { + height: 170px; + } + .mw-mmv-options-disable { height: 150px; } @@ -71,8 +74,8 @@ position: absolute; right: 0; top: 0; - width: 20px; - height: 20px; + width: 15px; + height: 15px; cursor: pointer; opacity: 0.75; @@ -108,7 +111,7 @@ .mw-mmv-confirmation-close { /* @embed */ background-image: url(img/x_darkgreen.svg); - background-size: 20px 20px; + background-size: 15px 15px; background-repeat: no-repeat; } } @@ -179,19 +182,21 @@ } .mw-mmv-options-text-body { - font-size: .75em; - color: #555; + font-size: .9em; + color: #777; } .mw-mmv-options-enable-alert { position: absolute; - left: -10px; - right: -10px; - top: -10px; + left: -15px; + right: -15px; + top: -15px; - padding: 10px; + padding: 10px 15px; background-color: #EEE; + border-top-right-radius: 3px; +
[MediaWiki-commits] [Gerrit] Adjust of related link color and transition speed - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/167766 Change subject: Adjust of related link color and transition speed .. Adjust of related link color and transition speed Two small styling tweaks: * Selected links which are not the active (using a lighter background) are now using the same color for their border. * Link card transition when hovering is faster now. Change-Id: I4542f47299fa4efef9ccbdad7623cded81fac76a --- M modules/source/styles/ext.cx.source.less M modules/tools/styles/ext.cx.tools.link.less M modules/translation/styles/ext.cx.translation.less 3 files changed, 3 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/66/167766/1 diff --git a/modules/source/styles/ext.cx.source.less b/modules/source/styles/ext.cx.source.less index b541f2c..36229d2 100644 --- a/modules/source/styles/ext.cx.source.less +++ b/modules/source/styles/ext.cx.source.less @@ -37,7 +37,7 @@ .cx-highlight--lightblue { background-color: @connected-link-highlight-color; - box-shadow: 0px 0px 0 2px @link-highlight-color; + box-shadow: 0px 0px 0 2px @connected-link-highlight-color; border-radius: 2px; transition: all 0.25s; } diff --git a/modules/tools/styles/ext.cx.tools.link.less b/modules/tools/styles/ext.cx.tools.link.less index 863e1b8..d826cd1 100644 --- a/modules/tools/styles/ext.cx.tools.link.less +++ b/modules/tools/styles/ext.cx.tools.link.less @@ -27,7 +27,7 @@ :nth-of-type(2) { position: relative; top: 30px; - transition: top 0.5s; + transition: top 0.3s; } } } diff --git a/modules/translation/styles/ext.cx.translation.less b/modules/translation/styles/ext.cx.translation.less index e6bd250..92531c7 100644 --- a/modules/translation/styles/ext.cx.translation.less +++ b/modules/translation/styles/ext.cx.translation.less @@ -29,7 +29,7 @@ .cx-highlight--lightblue { background-color: @connected-link-highlight-color; - box-shadow: 0px 0px 0 2px @link-highlight-color; + box-shadow: 0px 0px 0 2px @connected-link-highlight-color; border-radius: 2px; transition: all 0.25s; } -- To view, visit https://gerrit.wikimedia.org/r/167766 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I4542f47299fa4efef9ccbdad7623cded81fac76a Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Show panel shadow on full-screen mode - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/167775 Change subject: Show panel shadow on full-screen mode .. Show panel shadow on full-screen mode On full-screen mode the panel appears on hover over the image. This patchset applies the same shadow as when the panel is open to the full-screen panel. This is done to communicate that the panel is ovelapping the image. Change-Id: Ia76f2ace6a424bbd26d4d3d43ed213b98ec91006 --- M resources/mmv/ui/mmv.ui.metadataPanelScroller.less 1 file changed, 1 insertion(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/75/167775/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index 0bb2c73..39f3422 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -19,7 +19,7 @@ .animation(none); } - .panel-open { + .panel-open, .jq-fullscreened { box-shadow: 0 -4px 0px rgba(0,0,0,0.2); } } -- To view, visit https://gerrit.wikimedia.org/r/167775 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ia76f2ace6a424bbd26d4d3d43ed213b98ec91006 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix for fixed header position - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/163117 Change subject: Fix for fixed header position .. Fix for fixed header position Setting explicit positioning to the sticky header helps to make it more robust. Previously, additional UI elements (e.g., introduced by the personal toolbar) could push the header down generating a gap that made the UI look broken. Change-Id: Ideabc8b7f2cca2d9ae5bb40347dd43c3b5328269 --- M modules/header/styles/ext.cx.header.less 1 file changed, 2 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/17/163117/1 diff --git a/modules/header/styles/ext.cx.header.less b/modules/header/styles/ext.cx.header.less index 3d92937..e91a851 100644 --- a/modules/header/styles/ext.cx.header.less +++ b/modules/header/styles/ext.cx.header.less @@ -77,6 +77,8 @@ .cx-header.sticky { .mw-ui-two-thirds; position:fixed; + top:0; + left:0; background: #fff; background: rgba(255,255,255,0.95); padding-top: 5px; -- To view, visit https://gerrit.wikimedia.org/r/163117 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ideabc8b7f2cca2d9ae5bb40347dd43c3b5328269 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Remove chevron pointing down and full-screen adjustment - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/162835 Change subject: Remove chevron pointing down and full-screen adjustment .. Remove chevron pointing down and full-screen adjustment Experiment to remove the chevron pinting down and the gray line on full-screen mode. This just removes these elements at the CSS level, further refactoring may be needed. Change-Id: Idc3656f659964602f68b0edd5b879e197f2a4378 --- M resources/mmv/mmv.globals.less M resources/mmv/ui/mmv.ui.metadataPanelScroller.less 2 files changed, 3 insertions(+), 15 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/35/162835/1 diff --git a/resources/mmv/mmv.globals.less b/resources/mmv/mmv.globals.less index c50136e..249dcd2 100644 --- a/resources/mmv/mmv.globals.less +++ b/resources/mmv/mmv.globals.less @@ -2,7 +2,7 @@ @metadatabar-above-fold-height: 82px; // Height of the same area in fullscreen mode (which can be slightly less since it has less controls). -@metadatabar-above-fold-fullscreen-height: 64px; +@metadatabar-above-fold-fullscreen-height: 80px; // Height of the progress bar @progress-bar-height: 14px; diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index 0ac10bf..da7cd67 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -100,20 +100,8 @@ .opacity(0.6); transition: opacity 0.25s; - -pointing-down { // use single-class selector - chevron direction is important enough to make it IE6-compatible - background-position: center top; - .rotate(180deg); - - -webkit-border-bottom-left-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-bottomright: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - - .mw-mmv-post-image:hover { - .opacity(1); - } + -pointing-down { + display: none; } -pointing-up { -webkit-border-top-left-radius: 3px; -- To view, visit https://gerrit.wikimedia.org/r/162835 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Idc3656f659964602f68b0edd5b879e197f2a4378 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Show initially part of the below the fold area - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/162560 Change subject: Show initially part of the below the fold area .. Show initially part of the below the fold area In order to communicate that there is more content below. This is related to acceptance criteria #8 of story #830. For more details check: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/830 Some further improvement to consider: - If the panel is open, and the user clicks outside of it (e.g., over the image), the panel should close. - We may want to eliminate the pointing-down chevron if we don't want it to conflict with the big more details button. Change-Id: If14886647aa0660a524a720e8d223eca655d5f3f --- M resources/mmv/mmv.lightboxinterface.less 1 file changed, 2 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/60/162560/1 diff --git a/resources/mmv/mmv.lightboxinterface.less b/resources/mmv/mmv.lightboxinterface.less index bd98235..9b10f1d 100644 --- a/resources/mmv/mmv.lightboxinterface.less +++ b/resources/mmv/mmv.lightboxinterface.less @@ -58,11 +58,11 @@ // above-the-fold part of the metadata panel .mw-mmv-above-fold { width: 100%; - height: @metadatabar-above-fold-height; + height: @metadatabar-above-fold-height - 12; // min-height is used when the height is changed to auto to display long texts, to make sure the layout // is not messed up wheen the text is short and does not fill the available place. It is also used by // Javascript to get the default height. - min-height: @metadatabar-above-fold-height; + min-height: @metadatabar-above-fold-height - 12; position: relative; border-bottom: 1px solid #dd; -- To view, visit https://gerrit.wikimedia.org/r/162560 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: If14886647aa0660a524a720e8d223eca655d5f3f Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Layout adjustments to reduce overlap with chevron - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/162566 Change subject: Layout adjustments to reduce overlap with chevron .. Layout adjustments to reduce overlap with chevron For files with long credit information, part of the text can get hidden with the down-pointing chevron. This patchset adjust sizes and margins of different elements to reduce that overlap. Change-Id: I03f3b84d4ad0f754a0a20f2e78016711164ef433 --- M resources/mmv/ui/mmv.ui.metadataPanel.less M resources/mmv/ui/mmv.ui.metadataPanelScroller.less 2 files changed, 4 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/66/162566/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index ba59a31..26e475f 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -24,11 +24,11 @@ .mw-mmv-title-para { margin: 0; - padding: 10px 0 0; + padding: 8px 0 0; } .mw-mmv-credit { margin: 0; - padding: 5px 0; + padding: 2px 0; } .mw-mmv-title { diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index 0bb2c73..0ac10bf 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -3,7 +3,7 @@ @import mediawiki.mixins.animation; @drag-icon-width: 64px; -@drag-icon-height: 18px; +@drag-icon-height: 16px; @drag-icon-color: #e6e6e6; @drag-icon-invite-color: #347bff; @@ -97,7 +97,7 @@ cursor: pointer; z-index: 1; // make sure it is above the text - the icon is visually at the bottom but in the DOM at the top - .opacity(0.7); + .opacity(0.6); transition: opacity 0.25s; -pointing-down { // use single-class selector - chevron direction is important enough to make it IE6-compatible -- To view, visit https://gerrit.wikimedia.org/r/162566 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I03f3b84d4ad0f754a0a20f2e78016711164ef433 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] More details button color fix - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/162827 Change subject: More details button color fix .. More details button color fix This patchset avoids the more button to become tranlucent due to som legacy styling. The margin is also slightly adjusted to center the button in the panel. Change-Id: Ic3936e90c891ded71d2954cd0e591012fb7bb33b --- M resources/mmv/ui/mmv.ui.stripeButtons.less 1 file changed, 1 insertion(+), 7 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/27/162827/1 diff --git a/resources/mmv/ui/mmv.ui.stripeButtons.less b/resources/mmv/ui/mmv.ui.stripeButtons.less index 3fce558..5cc457b 100644 --- a/resources/mmv/ui/mmv.ui.stripeButtons.less +++ b/resources/mmv/ui/mmv.ui.stripeButtons.less @@ -30,16 +30,10 @@ font-size: 1.25em; color: @button-text-color; cursor: pointer; - .opacity(0.8); transition: opacity 0.25s; .empty { display: none; - } - - .open, - :hover { - .opacity(1); } :before { @@ -72,7 +66,7 @@ .mw-mmv-description-page-button:visited { border-radius: 4px; color: white; - margin: 0.7em 1em; + margin: 0.5em 1em; } .mw-mmv-description-page-button.mw-mmv-repo-button-commons:before { -- To view, visit https://gerrit.wikimedia.org/r/162827 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ic3936e90c891ded71d2954cd0e591012fb7bb33b Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Layout adjustments for page size - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/162209 Change subject: Layout adjustments for page size .. Layout adjustments for page size - Page area is extended to the viewport size. That will avoid a jumping effect when scrolling short articles. - Additional white space is added to the bottom of the page to avoid text to end at the bottom edge of the screen. Change-Id: I73137c6d56d2533aa89c1b8fe7582c129ec2ee88 --- M modules/base/styles/ext.cx.base.less 1 file changed, 2 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/09/162209/1 diff --git a/modules/base/styles/ext.cx.base.less b/modules/base/styles/ext.cx.base.less index 2740dbf..264c09f 100644 --- a/modules/base/styles/ext.cx.base.less +++ b/modules/base/styles/ext.cx.base.less @@ -27,6 +27,7 @@ .mw-ui-grid; color: @gray-darker; background: white; + padding-bottom: 50px; } .cx-widget__header { @@ -38,6 +39,7 @@ .cx-widget__columns { margin-top: 150px; + min-height: 100vh; } .cx-column__language-label { -- To view, visit https://gerrit.wikimedia.org/r/162209 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I73137c6d56d2533aa89c1b8fe7582c129ec2ee88 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Add shadow when scrolling panel - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/162281 Change subject: Add shadow when scrolling panel .. Add shadow when scrolling panel When the panel is scrolling a shadow is added to better communicate that the panel moves over the image. More details: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/193 Change-Id: I06866a3a034977002b98658a3d09b5421b583ee7 --- M resources/mmv/ui/mmv.ui.metadataPanelScroller.js M resources/mmv/ui/mmv.ui.metadataPanelScroller.less 2 files changed, 7 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/81/162281/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.js b/resources/mmv/ui/mmv.ui.metadataPanelScroller.js index 436cf67..57b1b0d 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.js +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.js @@ -225,6 +225,7 @@ var panelIsOpen = !!$.scrollTo().scrollTop(); this.$dragIcon.toggleClass( 'panel-open', panelIsOpen ); + this.$container.toggleClass( 'panel-open', panelIsOpen ); if ( panelIsOpen !this.panelIsOpen ) { // just opened (this is skipped in some cases, see the $dragIcon click handler) this.$container.trigger( 'mmv-metadata-open' ); diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index 3e547d7..0bb2c73 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -9,6 +9,8 @@ .mw-mmv-post-image { .animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards ); + transition: box-shadow 0.25s; + .invite { .animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards ); } @@ -16,6 +18,10 @@ .jq-fullscreened { .animation(none); } + + .panel-open { + box-shadow: 0 -4px 0px rgba(0,0,0,0.2); + } } .mw-mmv-appear-animation() { -- To view, visit https://gerrit.wikimedia.org/r/162281 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I06866a3a034977002b98658a3d09b5421b583ee7 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjust metadata panel colors - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/161242 Change subject: Adjust metadata panel colors .. Adjust metadata panel colors Above and below the fold areas of the panle are given slightly different shades. A separate patchset can make the below the fold 15px visible to increade discoverability. Change-Id: Ib38f63131c2060002da60296f7a0d2eba9f3168d --- M resources/mmv/mmv.lightboxinterface.less 1 file changed, 3 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/42/161242/1 diff --git a/resources/mmv/mmv.lightboxinterface.less b/resources/mmv/mmv.lightboxinterface.less index 5297a55..bd98235 100644 --- a/resources/mmv/mmv.lightboxinterface.less +++ b/resources/mmv/mmv.lightboxinterface.less @@ -1,7 +1,7 @@ @import mmv.globals; @import mmv.mixins; -@metadata-background: rgb(251, 251, 251); +@metadata-background: rgb(248, 248, 248); .mw-mmv-wrapper { top: 0px; @@ -50,7 +50,7 @@ bottom: auto; height: auto; color: #33; - background-color: @metadata-background; + background-color: #ff; min-height: (@metadatabar-above-fold-height + 1); z-index: 2; } @@ -64,7 +64,7 @@ // Javascript to get the default height. min-height: @metadatabar-above-fold-height; position: relative; - border-bottom: 1px solid #cc; + border-bottom: 1px solid #dd; .jq-fullscreened { height: @metadatabar-above-fold-fullscreen-height; -- To view, visit https://gerrit.wikimedia.org/r/161242 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ib38f63131c2060002da60296f7a0d2eba9f3168d Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Example showing part of the below-the-fold area - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/160005 Change subject: Example showing part of the below-the-fold area .. Example showing part of the below-the-fold area Change-Id: Ifb078f1be3673adea7691b8d8eae76017ad73a66 --- M resources/mmv/mmv.lightboxinterface.less 1 file changed, 3 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/05/160005/1 diff --git a/resources/mmv/mmv.lightboxinterface.less b/resources/mmv/mmv.lightboxinterface.less index 5297a55..98e0a13 100644 --- a/resources/mmv/mmv.lightboxinterface.less +++ b/resources/mmv/mmv.lightboxinterface.less @@ -1,7 +1,7 @@ @import mmv.globals; @import mmv.mixins; -@metadata-background: rgb(251, 251, 251); +@metadata-background: rgb(248, 248, 248); .mw-mmv-wrapper { top: 0px; @@ -49,8 +49,9 @@ width: 100%; bottom: auto; height: auto; + margin-top: -15px; color: #33; - background-color: @metadata-background; + background-color: white; min-height: (@metadatabar-above-fold-height + 1); z-index: 2; } -- To view, visit https://gerrit.wikimedia.org/r/160005 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ifb078f1be3673adea7691b8d8eae76017ad73a66 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fixed header style - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/154985 Change subject: Fixed header style .. Fixed header style Style for a sticky header. Only main navigation elements remain visible when sticky class is applied to .cx-header. Change-Id: I6f8d1ed05123820ba310ed00b8c5e2cbbf691469 WIP: the style is not automatically applied when scrolling. --- M modules/header/styles/ext.cx.header.less 1 file changed, 18 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/85/154985/1 diff --git a/modules/header/styles/ext.cx.header.less b/modules/header/styles/ext.cx.header.less index ff218e8..7115b8f 100644 --- a/modules/header/styles/ext.cx.header.less +++ b/modules/header/styles/ext.cx.header.less @@ -1,6 +1,10 @@ @import ../../base/styles/grid/agora-grid; @import mediawiki.mixins; +.cx-header{ + transition: width 0.15s; +} + .cx-header__logo { .mw-ui-item; .mw-ui-two-thirds; @@ -24,7 +28,7 @@ .mw-ui-one-whole; border-bottom: 1px solid #ddd; padding-bottom: 10px; - box-shadow: 0 4px #fafafa; + box-shadow: 0 4px rgba(0,0,0,0.05); } .cx-header__translation-center { @@ -77,6 +81,18 @@ .cx-header__publish { .mw-ui-item; - .mw-ui-one-eighth; + .mw-ui-one-quarter; float: right; } + +.cx-header.sticky { + .mw-ui-two-thirds; + position:fixed; + background: #fff; + padding-top: 5px; + padding: 5px 0 0 0; + .cx-header__logo, + .cx-header__user-details { + display: none; + } +} \ No newline at end of file -- To view, visit https://gerrit.wikimedia.org/r/154985 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I6f8d1ed05123820ba310ed00b8c5e2cbbf691469 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Style adjustments for the translation view - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/153618 Change subject: Style adjustments for the translation view .. Style adjustments for the translation view Small adjusmtnts of colour (highlighting and placeholder background), layout (margin tweaks) and typography. Change-Id: Ie98e22f34c82d8271f8992f24b13886097248177 --- M modules/base/styles/ext.cx.base.less M modules/source/styles/ext.cx.source.less M modules/translation/styles/ext.cx.translation.less 3 files changed, 33 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/18/153618/1 diff --git a/modules/base/styles/ext.cx.base.less b/modules/base/styles/ext.cx.base.less index 8b5eab1..94008be 100644 --- a/modules/base/styles/ext.cx.base.less +++ b/modules/base/styles/ext.cx.base.less @@ -10,6 +10,11 @@ color: @gray-darker; } +.cx-column__title{ + font-size: 2.2em; + font-family: 'Linux Libertine', Georgia, Times, serif; +} + .cx-column--source p, .cx-column--translation p { margin-top: 1.2em; @@ -28,6 +33,7 @@ .mw-ui-item; .mw-ui-one-whole; .mw-ui-one-whole(@palm); + .mw-ui-gutter(0px); } .cx-column__language-label { @@ -38,6 +44,7 @@ .mw-ui-item; .mw-ui-one-third; word-wrap: break-word; + .mw-ui-gutter(3%); } .cx-column--source, diff --git a/modules/source/styles/ext.cx.source.less b/modules/source/styles/ext.cx.source.less index e6474e6..2f8fe99 100644 --- a/modules/source/styles/ext.cx.source.less +++ b/modules/source/styles/ext.cx.source.less @@ -1,5 +1,8 @@ @import ../../base/styles/grid/agora-grid; +@text-highlight-color: #FEFCE0; +@link-highlight-color: #BDD4FF; + .cx-column--source { .cx-column__sub-heading { .mw-ui-item; @@ -15,10 +18,17 @@ .mw-ui-one-third; } .cx-highlight { - background-color: #FFFEEC; + background-color: @text-highlight-color; + box-shadow: 0px 0px 0 2px @text-highlight-color; + border-radius: 2px; + transition: all 0.25s; } + .cx-highlight--blue { - background-color: #A9A9F5; + background-color: @link-highlight-color; + box-shadow: 0px 0px 0 2px @link-highlight-color; + border-radius: 2px; + transition: all 0.25s; } } diff --git a/modules/translation/styles/ext.cx.translation.less b/modules/translation/styles/ext.cx.translation.less index 02c1ec1..c73d0b8 100644 --- a/modules/translation/styles/ext.cx.translation.less +++ b/modules/translation/styles/ext.cx.translation.less @@ -1,5 +1,8 @@ @import ../../base/styles/grid/agora-grid; +@text-highlight-color: #FEFCE0; +@link-highlight-color: #BDD4FF; + .cx-column--translation { [contenteditable] { outline: none; @@ -12,11 +15,17 @@ } .cx-highlight { - background-color: #FFFEEC; + background-color: @text-highlight-color; + box-shadow: 0px 0px 0 2px @text-highlight-color; + border-radius: 2px; + transition: all 0.25s; } .cx-highlight--blue { - background-color: #A9A9F5; + background-color: @link-highlight-color; + box-shadow: 0px 0px 0 2px @link-highlight-color; + border-radius: 2px; + transition: all 0.25s; } } @@ -30,11 +39,14 @@ .cx-column--translation:hover :first-child { color: transparent; + background: transparent; } :first-child, .cx-column--translation :first-child:hover, :hover { color: #AAA; + background: #f8f8f8; + line-height: 2em; } } -- To view, visit https://gerrit.wikimedia.org/r/153618 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ie98e22f34c82d8271f8992f24b13886097248177 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjustments to repo icon - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/145248 Change subject: Adjustments to repo icon .. Adjustments to repo icon The following visual adjustments have been made: - Make color similar to other icons in the metadata panel. - Highlight on hover to convey interactivity. - Adjust to the visual center. The icon was matematically centered, but since the angular separator adds empty space to the right, a 2px correction has been added so that it looks centered taking into account that extra space. Change-Id: Ib4db723b38a8d6fc9528fe86756220b6525da95b --- M resources/mmv/ui/mmv.ui.stripeButtons.less 1 file changed, 7 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/48/145248/1 diff --git a/resources/mmv/ui/mmv.ui.stripeButtons.less b/resources/mmv/ui/mmv.ui.stripeButtons.less index 06df42b..082299b 100644 --- a/resources/mmv/ui/mmv.ui.stripeButtons.less +++ b/resources/mmv/ui/mmv.ui.stripeButtons.less @@ -82,13 +82,19 @@ position: absolute; top: 0; bottom: 0; - left: -@repo-button-width; + left: -( @repo-button-width - 2 ); width: @repo-button-width; + opacity: 0.8; + transition: opacity 0.25s; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 50%; + :hover { + opacity: 1; + } + -commons { /* @embed */ background-image: url(img/commons_gray.svg); -- To view, visit https://gerrit.wikimedia.org/r/145248 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ib4db723b38a8d6fc9528fe86756220b6525da95b Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Avoid figures to sub-divide columns - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/143837 Change subject: Avoid figures to sub-divide columns .. Avoid figures to sub-divide columns Avoid figures to float and make text go around them. Some notes: - I was not sure where those overrides of the default styles should go (maybe we need a separate .less file) Change-Id: I10e11a59bbb094bfb42f6864d2a479716c6d5942 --- M modules/base/styles/ext.cx.base.less 1 file changed, 4 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/37/143837/1 diff --git a/modules/base/styles/ext.cx.base.less b/modules/base/styles/ext.cx.base.less index d123659..25986c8 100644 --- a/modules/base/styles/ext.cx.base.less +++ b/modules/base/styles/ext.cx.base.less @@ -101,3 +101,7 @@ max-height: 50%; } } + +.cx-column .cx-column__content figure { + float: none; +} -- To view, visit https://gerrit.wikimedia.org/r/143837 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I10e11a59bbb094bfb42f6864d2a479716c6d5942 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Avoid multiple add translation indicators at a time - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/143839 Change subject: Avoid multiple add translation indicators at a time .. Avoid multiple add translation indicators at a time By default we want to suggest the user to add a translation to the first paragraph, but if the user hovers a different one, we don't want to show the indicator in both. This patchset makes it possible to suggest the initial paragraph only if the user is not hovering a different one. Change-Id: I65587c0e8c7a28878c69bb235983c5c5f152ba85 --- M modules/translation/styles/ext.cx.translation.less 1 file changed, 6 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/39/143839/1 diff --git a/modules/translation/styles/ext.cx.translation.less b/modules/translation/styles/ext.cx.translation.less index 349db21..ddf86bd 100644 --- a/modules/translation/styles/ext.cx.translation.less +++ b/modules/translation/styles/ext.cx.translation.less @@ -22,8 +22,14 @@ color: transparent; cursor: pointer; + .cx-column--translation:hover :first-child { + color: transparent; + } + :first-child, + .cx-column--translation :first-child:hover, :hover { color: #AAA; } + } -- To view, visit https://gerrit.wikimedia.org/r/143839 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I65587c0e8c7a28878c69bb235983c5c5f152ba85 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjustments for link card styling and animations - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/143853 Change subject: Adjustments for link card styling and animations .. Adjustments for link card styling and animations - Adjusted the styling of cards that was broken with multi-cards. It could be perceived by the bottom border of the card getting hidden by other elements. This patchset makes the content fit inside the card. - Transitions have been defined to make the interaction with cards more fluent. When the card behind is exposed, ad when swapping cards, a transition is used to make the movement more natural. Change-Id: I1a198619e2b9de9e77489f066a93d47a8d7c88bd --- M modules/tools/ext.cx.tools.link.js M modules/tools/styles/ext.cx.tools.card.less M modules/tools/styles/ext.cx.tools.link.less M modules/tools/styles/ext.cx.tools.manager.less 4 files changed, 17 insertions(+), 11 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/53/143853/1 diff --git a/modules/tools/ext.cx.tools.link.js b/modules/tools/ext.cx.tools.link.js index f9da2ba..c46012d 100644 --- a/modules/tools/ext.cx.tools.link.js +++ b/modules/tools/ext.cx.tools.link.js @@ -43,12 +43,10 @@ .addClass( 'card__link-text' ) ); $linkInstructionSection = $( 'div' ) .addClass( 'card__link-instruction' ); - $linkInstruction = $( 'div' ) - .text( mw.msg( 'cx-tools-link-instruction-header' ) ); $linkInstructionShortcut = $( 'div' ) .addClass( 'shortcut-info' ) .text( mw.msg( 'cx-tools-link-instruction-shortcut' ) ); - $linkInstructionSection.append( $linkInstruction, $linkInstructionShortcut ); + $linkInstructionSection.append( $linkInstructionShortcut ); $linkInfo.append( $linkInstructionSection ); this.$sourceLinkCard.append( $imageContainer, $linkInfo ); return this.$sourceLinkCard.hide(); diff --git a/modules/tools/styles/ext.cx.tools.card.less b/modules/tools/styles/ext.cx.tools.card.less index 18327b8..42bb7aa 100644 --- a/modules/tools/styles/ext.cx.tools.card.less +++ b/modules/tools/styles/ext.cx.tools.card.less @@ -16,7 +16,7 @@ .card__title--language { .mw-ui-item; .mw-ui-one-half; - color: #c9c9c9; + color: #aa; padding: 4px; } diff --git a/modules/tools/styles/ext.cx.tools.link.less b/modules/tools/styles/ext.cx.tools.link.less index 3366448..c7d0f4f 100644 --- a/modules/tools/styles/ext.cx.tools.link.less +++ b/modules/tools/styles/ext.cx.tools.link.less @@ -1,25 +1,30 @@ @import ../../base/styles/grid/agora-grid; .cards.link { - .mw-ui-item; animation-name: card-show-animation; animation-duration: 0.5s; position: relative; padding: 0; + .card { + .mw-ui-item; + padding: 0; + } .card:nth-of-type(1) { position: absolute; top: 0; left: 0; right: 0; + transition: top 0.15s; } .card:nth-of-type(2) { position: relative; - top: 35px; + top: 30px; + transition: top 0.5s; } // On mouse over of first card, push the second card a bit down. .card:nth-of-type(1):hover + .card:nth-of-type(2) { - top: 70px; + top: 60px; } } @@ -50,7 +55,6 @@ @horizontal-margin: 15px; .mw-ui-item; .mw-ui-one-whole; - float: none; padding: @vertical-margin @horizontal-margin; font-size: large; color: #565656; // TODO Should come from library? @@ -63,7 +67,6 @@ background-size: 15px; padding: 5px 10px 5px 32px; cursor: pointer; - clear: both; border-top: 1px solid #dd; } @@ -102,6 +105,7 @@ .card__link-text { .mw-ui-item; + width: auto; color: #0645ad; font-size: large; padding: 4px; @@ -109,11 +113,15 @@ } .card__link-instruction { + .mw-ui-item; + .mw-ui-one-whole; color: #565656; font-size: large; border-top: 1px solid #dd; clear: both; + padding-top: 10px; .shortcut-info{ - font-size: medium; + font-size: small; + color: #aa; } } \ No newline at end of file diff --git a/modules/tools/styles/ext.cx.tools.manager.less b/modules/tools/styles/ext.cx.tools.manager.less index 163e6c2..0cfa7b4 100644 --- a/modules/tools/styles/ext.cx.tools.manager.less +++ b/modules/tools/styles/ext.cx.tools.manager.less @@ -12,7 +12,7 @@ .card__title-row { .mw-ui-item; .mw-ui-one-whole; - color: #c9c9c9;
[MediaWiki-commits] [Gerrit] Styling adjustments for download panel - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/143349 Change subject: Styling adjustments for download panel .. Styling adjustments for download panel - Split button has been adjusted to have the same height on both parts (button and drop-down) - The attribution panel has been adjusted to add hover states and adjust sizes and colors Change-Id: I3ba80776add6dbca9f0b096dfe7ad4a8779f1a0d --- M resources/mmv/ui/mmv.ui.reuse.download.js M resources/mmv/ui/mmv.ui.reuse.download.less 2 files changed, 25 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/49/143349/1 diff --git a/resources/mmv/ui/mmv.ui.reuse.download.js b/resources/mmv/ui/mmv.ui.reuse.download.js index 9bbcada..981cd22 100644 --- a/resources/mmv/ui/mmv.ui.reuse.download.js +++ b/resources/mmv/ui/mmv.ui.reuse.download.js @@ -160,6 +160,7 @@ .addClass( 'mw-mmv-download-attribution-cta-header' ) .text( mw.message( 'multimediaviewer-download-attribution-cta-header' ).text() ), $( 'p' ) + .addClass( 'mw-mmv-download-attribution-cta-invite' ) .text( mw.message( 'multimediaviewer-download-attribution-cta' ).text() ) ) .click( function () { diff --git a/resources/mmv/ui/mmv.ui.reuse.download.less b/resources/mmv/ui/mmv.ui.reuse.download.less index abb008d..5e2e8bc 100644 --- a/resources/mmv/ui/mmv.ui.reuse.download.less +++ b/resources/mmv/ui/mmv.ui.reuse.download.less @@ -1,7 +1,8 @@ @mw-ui-constructive-button-color: #00af89; @pane-padding: 10px; @attribution-color: #f2f2f2; -@attribution-logo-size: 64px; +@attribution-color-highlighted: #f5f5f5; +@attribution-logo-size: 40px; .mw-mlb-download-pane { padding: 0 @pane-padding; @@ -24,11 +25,14 @@ background-position: center center; background-repeat: no-repeat; background-color: @mw-ui-constructive-button-color; - border:0; + border: 1px solid @mw-ui-constructive-button-color; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 1px solid mix(#000, @mw-ui-constructive-button-color, 20%); background-image: /* @embed */ url(../img/down.svg); + :hover { + border-bottom: 1px solid mix(#000, @mw-ui-constructive-button-color, 20%); + } } .multimediaviewer-download-image-size-name { @@ -86,13 +90,19 @@ left: 0; right: 0; padding: 0 @pane-padding @pane-padding; - background-color: @attribution-color; + color: #555; + + :hover { + background-color: @attribution-color-highlighted; + color: #333; + } -how { position: relative; display: block; padding: 5px; + margin-bottom: 0; .mw-mmv-download-attribution-close-button { cursor: pointer; @@ -112,10 +122,20 @@ font-weight: bold; } + -cta-header { + margin-bottom: 0; + } + + -cta-invite { + font-size: small; + margin: 0; + color: #777; + } + -cta { cursor: pointer; display: none; - padding-left: @attribution-logo-size + 7px; + padding-left: @attribution-logo-size + 10px; /* @embed */ background-image: url(img/user-ltr.svg); -- To view, visit https://gerrit.wikimedia.org/r/143349 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3ba80776add6dbca9f0b096dfe7ad4a8779f1a0d Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjustments for invite animation - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/143019 Change subject: Adjustments for invite animation .. Adjustments for invite animation The invite animation has been adjusted to: - Make the panel movement more subtle (reduced distance and length) - Add an animation for the chevron and coordinate it whith th panel movement. Change-Id: I8fbd01d23fd9bf74fc272c40acd2663f5907326a --- M resources/mmv/ui/mmv.ui.metadataPanelScroller.less 1 file changed, 35 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/19/143019/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index 58825cd..3e547d7 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -10,7 +10,7 @@ .mw-mmv-post-image { .animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards ); .invite { - .animation( mw-mmv-invite-animation 1s ease 0s 1 normal forwards ); + .animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards ); } .jq-fullscreened { @@ -50,10 +50,10 @@ 0% { margin-top: 0px; } - 33% { - margin-top: -30px; + 30% { + margin-top: -15px; } - 100% { + 85% { margin-top: 0; } } @@ -131,9 +131,40 @@ background-image: url(img/drag-active.svg); background-color: @drag-icon-invite-color; .opacity(1); + .animation( mw-mmv-appear-chevron-animation 1.4s ease 0s 1 normal forwards ); } .jq-fullscreened { display: none; } } + +.mw-mmv-appear-chevron-animation() { + 0% { + opacity: 0; + } + 85% { + opacity: 0; + bottom: -5px; + } + 100% { + opacity: 1; + bottom: 0px; + } +} + +@-webkit-keyframes mw-mmv-appear-chevron-animation { + .mw-mmv-appear-chevron-animation; +} + +@-moz-keyframes mw-mmv-appear-chevron-animation { + .mw-mmv-appear-chevron-animation; +} + +@-o-keyframes mw-mmv-appear-chevron-animation { + .mw-mmv-appear-chevron-animation; +} + +@keyframes mw-mmv-appear-chevron-animation { + .mw-mmv-appear-chevron-animation; +} -- To view, visit https://gerrit.wikimedia.org/r/143019 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I8fbd01d23fd9bf74fc272c40acd2663f5907326a Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Angle separator image - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/141903 Change subject: Angle separator image .. Angle separator image Visual element to separate the image repo icon from the basic details on the metadata panel. Change-Id: I57481985b8b449347242ba2cc0838d8a564d7963 --- A resources/mmv/ui/img/angle-separator.svg 1 file changed, 7 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/03/141903/1 diff --git a/resources/mmv/ui/img/angle-separator.svg b/resources/mmv/ui/img/angle-separator.svg new file mode 100644 index 000..374d8c7 --- /dev/null +++ b/resources/mmv/ui/img/angle-separator.svg @@ -0,0 +1,7 @@ +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px +viewBox=0 0 14 82 enable-background=new 0 0 14 82 xml:space=preserve +polygon fill=#CC points=1,82.1 0,81.8 12.4,41.8 0,0.1 1,-0.1 13.4,41.8 13.4,42 / +/svg -- To view, visit https://gerrit.wikimedia.org/r/141903 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I57481985b8b449347242ba2cc0838d8a564d7963 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Styling for link card - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/139796 Change subject: Styling for link card .. Styling for link card Styling adjustments for link cards to: - Make them look as a card (aligning the block that compose the card as a unit) - Adjust spacing, borders and colors. - Make images better fit. - Provide a placeholder when link images are lacking. Change-Id: I85b13ac0b293478e2077e08be0712e7c4bdfcd0b --- M modules/tools/ext.cx.tools.link.js A modules/tools/images/link_lightgray.png A modules/tools/images/link_lightgray.svg M modules/tools/styles/ext.cx.tools.link.less 4 files changed, 91 insertions(+), 14 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/96/139796/1 diff --git a/modules/tools/ext.cx.tools.link.js b/modules/tools/ext.cx.tools.link.js index 1f2d4fb..cc42008 100644 --- a/modules/tools/ext.cx.tools.link.js +++ b/modules/tools/ext.cx.tools.link.js @@ -59,7 +59,7 @@ titles: word, prop: 'pageimages', piprop: 'thumbnail', - pithumbsize: 100, + pithumbsize: 150, redirects: true, format: 'json' }, { diff --git a/modules/tools/images/link_lightgray.png b/modules/tools/images/link_lightgray.png new file mode 100644 index 000..d51f35a --- /dev/null +++ b/modules/tools/images/link_lightgray.png Binary files differ diff --git a/modules/tools/images/link_lightgray.svg b/modules/tools/images/link_lightgray.svg new file mode 100644 index 000..c9bf712 --- /dev/null +++ b/modules/tools/images/link_lightgray.svg @@ -0,0 +1,61 @@ +?xml version=1.0 encoding=UTF-8 standalone=no? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + xmlns:sodipodi=http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd; + xmlns:inkscape=http://www.inkscape.org/namespaces/inkscape; + version=1.1 + id=Layer_1 + x=0px + y=0px + viewBox=0 0 612 792 + enable-background=new 0 0 612 792 + xml:space=preserve + inkscape:version=0.48.2 r9819 + width=100% + height=100% + sodipodi:docname=link_lightgray.svg + inkscape:export-filename=/Users/pau/repos/wikimedia/ContentTranslation/modules/tools/images/link_lightgray.png + inkscape:export-xdpi=73.522728 + inkscape:export-ydpi=73.522728metadata + id=metadata13rdf:RDFcc:Work + rdf:about=dc:formatimage/svg+xml/dc:formatdc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs + id=defs11 + + +/defssodipodi:namedview + pagecolor=#ff + bordercolor=#66 + borderopacity=1 + objecttolerance=10 + gridtolerance=10 + guidetolerance=10 + inkscape:pageopacity=0 + inkscape:pageshadow=2 + inkscape:window-width=721 + inkscape:window-height=480 + id=namedview9 + showgrid=false + inkscape:zoom=0.2979798 + inkscape:cx=574.47458 + inkscape:cy=229.88136 + inkscape:window-x=0 + inkscape:window-y=22 + inkscape:window-maximized=0 + inkscape:current-layer=Layer_1 / +path + style=fill:#dd;fill-opacity:1 + inkscape:connector-curvature=0 + id=path5 + d=M 302.8,142.9 225.7,220 c -6.4,6.4 -12.8,14 -17.8,21 -1.3,1.3 -2.6,3.2 -3.2,5.1 37.6,-10.2 77.1,-9.6 114.1,1.9 l 6.4,-6.4 42.7,-42.7 c 37.6,-37.6 98.2,-37.6 135.8,0 37.6,37.6 37.6,98.2 0,135.8 l -49.7,48.5 -10.2,10.2 -9.6,9.6 0,0 -15.9,16.6 c -16.6,16.6 -38.2,26.1 -60.6,27.4 l 0,0 0,0 c -4.5,0.6 -8.9,0.6 -12.1,0 -7.7,-0.6 -12.1,-1.3 -12.1,-1.3 l 0,0 0,0 c -18.5,-3.2 -36.3,-12.1 -51,-26.8 -14,-14 -22.9,-31.2 -26.1,-49.7 0,-0.6 0,-1.3 0,-1.9 -16.6,1.3 -32.5,8.3 -45.3,21 l -25.5,25.5 c 8.9,22.3 22.3,43.3 40.2,61.2 17.9,17.9 38.9,31.2 61.2,40.2 4.5,1.9 8.3,3.2 12.8,4.5 3.2,1.3 7,1.9 10.8,3.2 h 0.6 c 0.6,0 1.3,0 1.9,0.6 37,8.3 76.5,5.1 111.6,-9.6 4.5,-1.9 8.3,-3.8 12.8,-6.4 0,0 0.6,0 0.6,-0.6 0.6,-0.6 1.3,-0.6 1.9,-1.3 1.9,-0.6 3.8,-1.9 5.1,-3.2 l 0,0 c 12.8,-7.7 24.9,-17.2 35.7,-28.1 l 77.1,-77.1 c 70.8,-70.8 70.8,-185.5 0,-256.3 -69.6,-68.7 -184.3,-68.7 -255.1,2 z /path + style=fill:#dd;fill-opacity:1 + inkscape:connector-curvature=0 + id=path7 + d=m 309.2,649.1 77.1,-77.8 c 7,-6.4 12.8,-13.4 17.9,-21 1.3,-1.9 2.6,-3.2 3.2,-5.1 -37.6,10.2 -77.1,9.6 -114.1,-1.9 l -6.4,6.4 -42.7,42.7 c -37.6,37.6 -98.2,37.6 -135.8,0 -37.6,-37.6 -37.6,-98.2 0,-135.8 l 48.4,-48.5 10.2,-10.2 9.6,-9.6 0,0 15.9,-15.9 c 17.2,-17.2 38.2,-26.1 60.6,-28.1 l 0,0 0,0 c 4.5,-0.6 8.9,-0.6 12.1,0 7.6,0.6 12.1,1.3 12.1,1.3 l 0,0 0,0 c 18.5,3.2 36.3,12.1 51,26.8 14,14 22.9,31.2
[MediaWiki-commits] [Gerrit] Updated chevron icons - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/139020 Change subject: Updated chevron icons .. Updated chevron icons Chevron icons for the new design of the chevron. Beware that the active version of the chevron is white since it is assuming it will have a blue background. Change-Id: I3d8fa040bfecc219a735565d5ebee8e283691bee --- M resources/mmv/ui/img/drag-active.svg M resources/mmv/ui/img/drag.svg 2 files changed, 18 insertions(+), 74 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/20/139020/1 diff --git a/resources/mmv/ui/img/drag-active.svg b/resources/mmv/ui/img/drag-active.svg index 8063e5a..7a90dc0 100644 --- a/resources/mmv/ui/img/drag-active.svg +++ b/resources/mmv/ui/img/drag-active.svg @@ -1,73 +1,9 @@ -?xml version=1.0 encoding=UTF-8 standalone=no? -svg - xmlns:dc=http://purl.org/dc/elements/1.1/; - xmlns:cc=http://creativecommons.org/ns#; - xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; - xmlns:svg=http://www.w3.org/2000/svg; - xmlns=http://www.w3.org/2000/svg; - xmlns:sodipodi=http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd; - xmlns:inkscape=http://www.inkscape.org/namespaces/inkscape; - width=30 - height=16 - viewBox=0 0 29.99 16 - id=svg2 - version=1.1 - inkscape:version=0.48.2 r9819 - sodipodi:docname=drag.svg - metadata - id=metadata12 -rdf:RDF - cc:Work - rdf:about= -dc:formatimage/svg+xml/dc:format -dc:type - rdf:resource=http://purl.org/dc/dcmitype/StillImage; / -dc:title/dc:title - /cc:Work -/rdf:RDF - /metadata - defs - id=defs10 / - sodipodi:namedview - pagecolor=#ff - bordercolor=#66 - borderopacity=1 - objecttolerance=10 - gridtolerance=10 - guidetolerance=10 - inkscape:pageopacity=0 - inkscape:pageshadow=2 - inkscape:window-width=1118 - inkscape:window-height=643 - id=namedview8 - showgrid=false - inkscape:zoom=11.73 - inkscape:cx=-0.085227273 - inkscape:cy=7.1903409 - inkscape:window-x=0 - inkscape:window-y=22 - inkscape:window-maximized=0 - inkscape:current-layer=svg2 / - rect - width=14.503 - height=1.489 - rx=.25 - ry=.25 - x=15.244 - y=-3.474 - transform=rotate(30) - fill=#aaa - id=rect4 - style=fill:#347bff;fill-opacity:1 / - rect - width=14.503 - height=1.489 - rx=.25 - ry=.25 - x=-10.736 - y=-13.015 - transform=matrix(-.866 .5 -.5 -.866 0 0) - fill=#aaa - id=rect6 - style=fill:#347bff;fill-opacity:1 / -/svg +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px +viewBox=0 0 30 16 enable-background=new 0 0 30 16 xml:space=preserve +path fill=#FF d=M24.5,13.1c-0.2,0-0.4,0-0.5-0.1l-9-5.2L6,13c-0.2,0.1-0.3,0.1-0.5,0.1c-0.4,0-0.7-0.2-0.9-0.5l-0.4-0.7 + C4,11.7,4,11.4,4.1,11.1c0.1-0.3,0.2-0.5,0.5-0.6l10.1-5.8l0.4,0l0.1,0h0.2l0.2,0.1l9.9,5.7c0.2,0.1,0.4,0.4,0.5,0.6 + c0.1,0.3,0,0.5-0.1,0.8l-0.4,0.7C25.2,12.9,24.9,13.1,24.5,13.1z/ +/svg diff --git a/resources/mmv/ui/img/drag.svg b/resources/mmv/ui/img/drag.svg index 998e825..b09e03a 100644 --- a/resources/mmv/ui/img/drag.svg +++ b/resources/mmv/ui/img/drag.svg @@ -1 +1,9 @@ -?xml version=1.0 encoding=UTF-8?svg xmlns=http://www.w3.org/2000/svg; width=30 height=16 viewBox=0 0 29.99 16rect width=14.503 height=1.489 rx=.25 ry=.25 x=15.244 y=-3.474 transform=rotate(30) fill=#aaa/rect width=14.503 height=1.489 rx=.25 ry=.25 x=-10.736 y=-13.015 transform=matrix(-.866 .5 -.5 -.866 0 0) fill=#aaa//svg \ No newline at end of file +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px +viewBox=0 0 30 16 enable-background=new 0 0 30 16 xml:space=preserve +path fill=#55 d=M24.5,13.1c-0.2,0-0.4,0-0.5-0.1l-9-5.2L6,13c-0.2,0.1-0.3,0.1-0.5,0.1c-0.4,0-0.7-0.2-0.9-0.5l-0.4-0.7 + C4,11.7,4,11.4,4.1,11.1c0.1-0.3,0.2-0.5,0.5-0.6l10.1-5.8l0.4,0l0.1,0h0.2l0.2,0.1l9.9,5.7c0.2,0.1,0.4,0.4,0.5,0.6 + c0.1,0.3,0,0.5-0.1,0.8l-0.4,0.7C25.2,12.9,24.9,13.1,24.5,13.1z/ +/svg -- To view, visit https://gerrit.wikimedia.org/r/139020 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3d8fa040bfecc219a735565d5ebee8e283691bee
[MediaWiki-commits] [Gerrit] Styling adjustments for cards - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/139046 Change subject: Styling adjustments for cards .. Styling adjustments for cards Adjusted animations, and layout properties for CX cards. Change-Id: I56e493698cc58b0acd374f82839395fee7283b88 --- M modules/tools/styles/ext.cx.tools.card.less M modules/tools/styles/ext.cx.tools.dictionary.less M modules/tools/styles/ext.cx.tools.instructions.less M modules/tools/styles/ext.cx.tools.link.less M modules/tools/styles/ext.cx.tools.manager.less 5 files changed, 10 insertions(+), 35 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/46/139046/1 diff --git a/modules/tools/styles/ext.cx.tools.card.less b/modules/tools/styles/ext.cx.tools.card.less index e929b81..fa0a971 100644 --- a/modules/tools/styles/ext.cx.tools.card.less +++ b/modules/tools/styles/ext.cx.tools.card.less @@ -23,17 +23,11 @@ @keyframes card-show-animation { 0% { opacity: 0; - transform: rotate(10deg); - left: 200px; - } - 50% { - opacity: 0; - transform: rotate(10deg); - left: 200px; + position: relative; + top: 15px; } 100% { opacity: 1; - transform: rotate(0deg); - left: 0px; + top: 0px; } } diff --git a/modules/tools/styles/ext.cx.tools.dictionary.less b/modules/tools/styles/ext.cx.tools.dictionary.less index 0c731fc..371622d 100644 --- a/modules/tools/styles/ext.cx.tools.dictionary.less +++ b/modules/tools/styles/ext.cx.tools.dictionary.less @@ -2,7 +2,7 @@ .card.dictionary { animation-name: card-show-animation; - animation-duration: 1.5s; + animation-duration: 0.5s; position: relative; } @@ -63,11 +63,13 @@ .card__translation { @vertical-margin: 10px; @horizontal-margin: 15px; - .mw-ui-item; - .mw-ui-one-third; + margin: 0 5px; + padding: 5px; + display: inline-block; font-size: large; line-height: 1.5em; color: #565656; + border-radius: 2px; :hover { background-color: #f0f0f0; diff --git a/modules/tools/styles/ext.cx.tools.instructions.less b/modules/tools/styles/ext.cx.tools.instructions.less index 0aa9ff0..01c6742 100644 --- a/modules/tools/styles/ext.cx.tools.instructions.less +++ b/modules/tools/styles/ext.cx.tools.instructions.less @@ -2,7 +2,7 @@ .card.instructions { animation-name: card-show-animation; - animation-duration: 1.5s; + animation-duration: 0.5s; position: relative; } diff --git a/modules/tools/styles/ext.cx.tools.link.less b/modules/tools/styles/ext.cx.tools.link.less index 1363922..ecaacf2 100644 --- a/modules/tools/styles/ext.cx.tools.link.less +++ b/modules/tools/styles/ext.cx.tools.link.less @@ -2,7 +2,7 @@ .card.link { animation-name: card-show-animation; - animation-duration: 1.5s; + animation-duration: 0.5s; position: relative; } diff --git a/modules/tools/styles/ext.cx.tools.manager.less b/modules/tools/styles/ext.cx.tools.manager.less index 145ebba..163e6c2 100644 --- a/modules/tools/styles/ext.cx.tools.manager.less +++ b/modules/tools/styles/ext.cx.tools.manager.less @@ -58,27 +58,6 @@ color: #565656; // TODO Should come from library? } -.card__translations { - .mw-ui-item; - .mw-ui-one-whole; - float: none; // XXX why would it be needed? - - .card__translation { - @vertical-margin: 10px; - @horizontal-margin: 15px; - .mw-ui-item; - .mw-ui-one-third; - font-size: large; - line-height: 1.5em; - color: #c9c9c9; - - :hover { - background-color: #f0f0f0; - color: #252525; - } - } -} - .card__expand { .mw-ui-item; .mw-ui-one-whole; -- To view, visit https://gerrit.wikimedia.org/r/139046 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I56e493698cc58b0acd374f82839395fee7283b88 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Icon adjusmtents - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/138482 Change subject: Icon adjusmtents .. Icon adjusmtents - open.svg icon added for the view in browser feature form the share panel. - expand.svg icon updated for better icon consistency (spancing also adjusted in the CSS) Change-Id: Id6176d8f9b4884c9aabde05f1639500d3349f9a7 --- M resources/mmv/img/expand.svg M resources/mmv/mmv.bootstrap.less A resources/mmv/ui/img/open.svg 3 files changed, 31 insertions(+), 33 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/82/138482/1 diff --git a/resources/mmv/img/expand.svg b/resources/mmv/img/expand.svg index 69f1d46..e9363aa 100644 --- a/resources/mmv/img/expand.svg +++ b/resources/mmv/img/expand.svg @@ -1,31 +1,16 @@ -?xml version=1.0 encoding=UTF-8 standalone=no? -!-- Created with Inkscape (http://www.inkscape.org/) -- - -svg - xmlns:dc=http://purl.org/dc/elements/1.1/; - xmlns:cc=http://creativecommons.org/ns#; - xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; - xmlns:svg=http://www.w3.org/2000/svg; - xmlns=http://www.w3.org/2000/svg; - version=1.1 - width=100% - height=100% - viewBox=0 0 29 24 - id=Layer_1 - xml:space=preservemetadata - id=metadata13rdf:RDFcc:Work - rdf:about=dc:formatimage/svg+xml/dc:formatdc:type - rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs - id=defs11 / -g - id=g3 - path - d=M 8,5.6 V 16.7 H 22.5 V 5.6 L 8,5.6 z m 12.9,8.8 H 9.5 l 3.4,-4.4 0.5,-0.2 3.2,3.4 1.7,-1 2.6,2.2 0,0 z - id=path5 - style=fill:#77 / - polygon - points=6.5,7.2 6.5,18.4 22.1,18.4 22.1,17.6 7.3,17.6 7.3,7.2 - id=polygon7 - style=fill:#77 / -/g -/svg \ No newline at end of file +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 +id=Layer_1 xmlns:cc=http://creativecommons.org/ns#; xmlns:svg=http://www.w3.org/2000/svg; xmlns:dc=http://purl.org/dc/elements/1.1/; xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; +xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px viewBox=0 0 900.4 768 +enable-background=new 0 0 900.4 768 xml:space=preserve +g + polygon fill=#77 points=599.9,186.4 631.1,217.6 545.5,303.2 524.1,281.7 519,369.6 606.9,364.6 585.4,343.1 671,257.5 + 702.2,288.7 709.2,179.4 / + polygon fill=#77 points=545.5,268.8 587.6,227 503.5,227 541.3,264.8 / + path fill=#77 d=M520.4,393.9l-27.3,1.6l1.6-27.3l5-87.7l3.1-53.5H191.2v362h471V385.8l-53.8,3.1L520.4,393.9z M611.2,541 + H237.7l110.5-144.1L365,390l104.4,109.3l56.5-33.7l85.2,75.1L611.2,541L611.2,541z/ + polygon fill=#77 points=624.2,347.3 662.2,385.3 662.2,301 620,343.1 / +/g +/svg diff --git a/resources/mmv/mmv.bootstrap.less b/resources/mmv/mmv.bootstrap.less index b8c3aba..ca8715a 100644 --- a/resources/mmv/mmv.bootstrap.less +++ b/resources/mmv/mmv.bootstrap.less @@ -31,8 +31,8 @@ .mw-mmv-view-expanded { display: inline-block; border: 1px solid @expand-link-border-color; - padding: 5px; - padding-left: 34px; + padding: 5px 10px; + padding-left: 35px; /* @embed */ background-image: url('img/expand.svg'); background-position: left; diff --git a/resources/mmv/ui/img/open.svg b/resources/mmv/ui/img/open.svg new file mode 100644 index 000..f9b8378 --- /dev/null +++ b/resources/mmv/ui/img/open.svg @@ -0,0 +1,13 @@ +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 +id=Layer_1 xmlns:cc=http://creativecommons.org/ns#; xmlns:svg=http://www.w3.org/2000/svg; xmlns:dc=http://purl.org/dc/elements/1.1/; xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; +xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px viewBox=0 0 1024 768 +enable-background=new 0 0 1024 768 xml:space=preserve +g id=g3 + path id=path5 fill=#AA d=M304,179.2v355.2h464V179.2H304z M716.8,460.8H352L460.8,320l16-6.4l102.4,108.8l54.4-32 + L716.8,460.8L716.8,460.8L716.8,460.8z/ + polygon id=polygon7 fill=#AA points=256,230.4 256,588.8 755.2,588.8 755.2,563.2 281.6,563.2 281.6,230.4 / +/g +/svg -- To view, visit https://gerrit.wikimedia.org/r/138482 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Id6176d8f9b4884c9aabde05f1639500d3349f9a7
[MediaWiki-commits] [Gerrit] Styling adjustments for dictionary card - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/137520 Change subject: Styling adjustments for dictionary card .. Styling adjustments for dictionary card Small font and spacing adjustments. Change-Id: I2987447d9992ed43c3f803fd6b3684f18967ab37 --- M modules/tools/styles/ext.cx.tools.dictionary.less 1 file changed, 3 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/20/137520/1 diff --git a/modules/tools/styles/ext.cx.tools.dictionary.less b/modules/tools/styles/ext.cx.tools.dictionary.less index 4a0a7d6..c48b157 100644 --- a/modules/tools/styles/ext.cx.tools.dictionary.less +++ b/modules/tools/styles/ext.cx.tools.dictionary.less @@ -5,6 +5,7 @@ .mw-ui-one-whole; color: #c9c9c9; // TODO Should come from library? font-size: medium; + padding-top: 8px; .card__title { .mw-ui-item; @@ -33,7 +34,8 @@ .mw-ui-one-whole; float: none; // XXX why would it be needed? padding: @vertical-margin @horizontal-margin; - font-size: large; + font-size: x-large; + font-weight: lighter; line-height: 1.5em; color: #565656; // TODO Should come from library? } -- To view, visit https://gerrit.wikimedia.org/r/137520 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I2987447d9992ed43c3f803fd6b3684f18967ab37 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Make the tools panel responsive - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/136106 Change subject: Make the tools panel responsive .. Make the tools panel responsive On small screens, the tools panel is shown at the bottom. Change-Id: I70b7238993f9017a79915e50a344d11c92d27969 --- M modules/base/styles/ext.cx.base.less M modules/base/styles/grid/agora-grid.less 2 files changed, 33 insertions(+), 1,469 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/06/136106/1 diff --git a/modules/base/styles/ext.cx.base.less b/modules/base/styles/ext.cx.base.less index aaa7fbc..05a5561 100644 --- a/modules/base/styles/ext.cx.base.less +++ b/modules/base/styles/ext.cx.base.less @@ -27,7 +27,7 @@ .cx-widget__header { .mw-ui-item; .mw-ui-one-whole; - .mw-ui-palm-one-whole; + .mw-ui-one-whole(@palm); } .cx-column__language-label { @@ -42,17 +42,24 @@ .cx-column--source, .cx-column--translation { - .mw-ui-palm-one-half; + .mw-ui-one-half(@palm); } .cx-column--tools { - .mw-ui-palm-one-whole; + .mw-ui-one-whole(@palm); background: #f0f0f0; min-height: 100vh; position: relative; .sticky { - .sticky; + .stick-to-side; + @media @palm { + .stick-to-bottom; + } } + @media @palm { + .stick-to-bottom; + } + } /* Unused? */ @@ -66,11 +73,27 @@ border: 1px solid #cc; padding: 10px; margin: 2px 0; - .mw-ui-palm-one-half; + .mw-ui-one-half(@palm); } -.sticky { +.stick-to-side() { position: fixed; top: 0; right: 0; -} \ No newline at end of file +} + +.stick-to-bottom() { + position: fixed; + top: auto; + bottom: 0; + left: 0; + box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.05); + max-height: 20%; + min-height: 3em; + overflow-x: hidden; + overflow-y: auto; + transition: max-height 0.25s; + :hover { + max-height: 50%; + } +} diff --git a/modules/base/styles/grid/agora-grid.less b/modules/base/styles/grid/agora-grid.less index 20172a5..2c74233 100644 --- a/modules/base/styles/grid/agora-grid.less +++ b/modules/base/styles/grid/agora-grid.less @@ -1,1462 +1,3 @@ -//out:../agora-grid.css - -//GRID VARIABLES - -// this is the fixed gutter between columns -@grid-gutter: 20px; - -//Breakpoints: -@palm: ~only screen and (max-width: 480px); -@lap: ~only screen and (min-width: 481px) and (max-width: 1023px); -@portable: ~only screen and (max-width: 1023px); -@desk: ~only screen and (min-width: 1024px); - - -//GRID - -.mw-ui-grid { - margin-left: auto; - margin-right: auto; - overflow: hidden; - clear: both; -} -.mw-ui-item { - float: left; - padding-left: (@grid-gutter / 2); - padding-right: (@grid-gutter / 2); - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.mw-ui-one-whole, -.mw-ui-set-one-whole .mw-ui-item { - width: 100%; -} -.mw-ui-one-half, -.mw-ui-set-one-half .mw-ui-item { - width: 50%; -} -.mw-ui-one-third, -.mw-ui-set-one-third .mw-ui-item { - width: 33.333%; -} -.mw-ui-two-thirds, -.mw-ui-set-two-thirds .mw-ui-item { - width: 66.666%; -} -.mw-ui-one-quarter, -.mw-ui-set-one-quarter .mw-ui-item { - width: 25%; -} -.mw-ui-two-quarters, -.mw-ui-set-two-quarters .mw-ui-item { - width: 50%; -} -.mw-ui-three-quarters, -.mw-ui-set-three-quarters .mw-ui-item { - width: 75%; -} -.mw-ui-one-fifth, -.mw-ui-set-one-fifth .mw-ui-item { - width: 20%; -} -.mw-ui-two-fifths, -.mw-ui-set-two-fifths .mw-ui-item { - width: 40%; -} -.mw-ui-three-fifths, -.mw-ui-set-three-fifths .mw-ui-item { - width: 60%; -} -.mw-ui-four-fifths, -.mw-ui-set-four-fifths .mw-ui-item { - width: 80%; -} -.mw-ui-one-sixth, -.mw-ui-set-one-sixth .mw-ui-item { - width: 16.666%; -} -.mw-ui-two-sixths, -.mw-ui-set-two-sixths .mw-ui-item { - width: 33.333%; -} -.mw-ui-three-sixths, -.mw-ui-set-three-sixths .mw-ui-item { - width: 50%; -} -.mw-ui-four-sixths, -.mw-ui-set-four-sixths .mw-ui-item { - width: 66.666%; -} -.mw-ui-five-sixths, -.mw-ui-set-five-sixths .mw-ui-item { - width: 83.333%; -} -.mw-ui-one-eighth, -.mw-ui-set-one-eighth .mw-ui-item { - width: 12.5%; -} -.mw-ui-two-eighths, -.mw-ui-set-two-eighths .mw-ui-item { - width: 25%; -} -.mw-ui-three-eighths, -.mw-ui-set-three-eighths .mw-ui-item { - width: 37.5%; -} -.mw-ui-four-eighths, -.mw-ui-set-four-eighths .mw-ui-item { - width: 50%; -} -.mw-ui-five-eighths, -.mw-ui-set-five-eighths .mw-ui-item { - width: 62.5%; -} -.mw-ui-six-eighths,
[MediaWiki-commits] [Gerrit] Test patch: Example to illustrate the Grid system (WIP) - change (mediawiki/core)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/133683 Change subject: Test patch: Example to illustrate the Grid system (WIP) .. Test patch: Example to illustrate the Grid system (WIP) Patch illustrating the use of the grid system. It modifies the Login form to show responsive layout, typography and visibility. To test, go to Special:UserLogin, and resize the window (or try with different devices). This patch should not be merged, it is only intended to facilitate the review of the grid system one ( https://gerrit.wikimedia.org/r/#/c/125387/ ) Change-Id: Icdab9d521cd134ea1c5efb208e03a1504f9cfbaf --- M resources/src/mediawiki.ui/components/default/forms.less M resources/src/mediawiki.ui/vector.less 2 files changed, 34 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core refs/changes/83/133683/1 diff --git a/resources/src/mediawiki.ui/components/default/forms.less b/resources/src/mediawiki.ui/components/default/forms.less index 6157fa2..fa74d1e 100644 --- a/resources/src/mediawiki.ui/components/default/forms.less +++ b/resources/src/mediawiki.ui/components/default/forms.less @@ -37,7 +37,7 @@ .mw-ui-vform { .box-sizing(border-box); - width: @defaultFormWidth; + //width: @defaultFormWidth; // Immediate divs in a vform are block and spaced-out. // XXX: We shouldn't depend on the tag name here... diff --git a/resources/src/mediawiki.ui/vector.less b/resources/src/mediawiki.ui/vector.less index 08690a3..7f01ba5 100644 --- a/resources/src/mediawiki.ui/vector.less +++ b/resources/src/mediawiki.ui/vector.less @@ -23,3 +23,36 @@ @import components/utilities; @import components/vector/forms; @import components/vector/containers; +@import mixins/grid; + + +//Example to test the Grid System: + +#userloginForm { + .mw-ui-grid; +} + +// Responsive layout: Form width is adjusted for different screen sizes: + +.mw-ui-vform { + .mw-ui-one-whole(@palm); + .mw-ui-two-thirds(@lap); + .mw-ui-one-third; +} + +//Responsive typography: On small screens, font becomes bigger. + +#content { + @media @palm { + font-size: 1.6em; + margin-left: 0 !important; + } + @media @lap { + font-size: 1.2em; + } +} + +//Responsive visibility: On small screens, the sidebar is hidden: +#mw-navigation { + .mw-ui-hidden(@palm); +} -- To view, visit https://gerrit.wikimedia.org/r/133683 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Icdab9d521cd134ea1c5efb208e03a1504f9cfbaf Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/core Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] More prominent metadata panel invite - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/133489 Change subject: More prominent metadata panel invite .. More prominent metadata panel invite The animation has been made more prominent and the chevron is highlighted. this only applies until the user opens the panel for the first time. Change-Id: I91d1b9bffaf302890f63b741313aa47cc4beef24 --- A resources/mmv/ui/img/drag-active.svg M resources/mmv/ui/mmv.ui.metadataPanelScroller.less 2 files changed, 81 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/89/133489/1 diff --git a/resources/mmv/ui/img/drag-active.svg b/resources/mmv/ui/img/drag-active.svg new file mode 100644 index 000..8063e5a --- /dev/null +++ b/resources/mmv/ui/img/drag-active.svg @@ -0,0 +1,73 @@ +?xml version=1.0 encoding=UTF-8 standalone=no? +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + xmlns:sodipodi=http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd; + xmlns:inkscape=http://www.inkscape.org/namespaces/inkscape; + width=30 + height=16 + viewBox=0 0 29.99 16 + id=svg2 + version=1.1 + inkscape:version=0.48.2 r9819 + sodipodi:docname=drag.svg + metadata + id=metadata12 +rdf:RDF + cc:Work + rdf:about= +dc:formatimage/svg+xml/dc:format +dc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; / +dc:title/dc:title + /cc:Work +/rdf:RDF + /metadata + defs + id=defs10 / + sodipodi:namedview + pagecolor=#ff + bordercolor=#66 + borderopacity=1 + objecttolerance=10 + gridtolerance=10 + guidetolerance=10 + inkscape:pageopacity=0 + inkscape:pageshadow=2 + inkscape:window-width=1118 + inkscape:window-height=643 + id=namedview8 + showgrid=false + inkscape:zoom=11.73 + inkscape:cx=-0.085227273 + inkscape:cy=7.1903409 + inkscape:window-x=0 + inkscape:window-y=22 + inkscape:window-maximized=0 + inkscape:current-layer=svg2 / + rect + width=14.503 + height=1.489 + rx=.25 + ry=.25 + x=15.244 + y=-3.474 + transform=rotate(30) + fill=#aaa + id=rect4 + style=fill:#347bff;fill-opacity:1 / + rect + width=14.503 + height=1.489 + rx=.25 + ry=.25 + x=-10.736 + y=-13.015 + transform=matrix(-.866 .5 -.5 -.866 0 0) + fill=#aaa + id=rect6 + style=fill:#347bff;fill-opacity:1 / +/svg diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index bf42906..1facb3a 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -5,7 +5,7 @@ .mw-mmv-post-image { .animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards ); .invite { - .animation( mw-mmv-invite-animation 0.5s ease 0s 1 normal forwards ); + .animation( mw-mmv-invite-animation 1s ease 0s 1 normal forwards ); } } @@ -41,8 +41,8 @@ 0% { margin-top: 0px; } - 50% { - margin-top: -15px; + 33% { + margin-top: -30px; } 100% { margin-top: 0; @@ -79,13 +79,17 @@ background-repeat: no-repeat; background-position: center bottom; margin: 0 auto; - opacity: 0.6; + opacity: 0.7; transition: opacity 0.25s; .pointing-down { background-position: center top; .rotate(180deg); } + .mw-mmv-post-image.invite { + background-image: url(img/drag-active.svg); + opacity: 0.9; + } } .mw-mmv-post-image:hover .mw-mmv-drag-icon { -- To view, visit https://gerrit.wikimedia.org/r/133489 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I91d1b9bffaf302890f63b741313aa47cc4beef24 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjust invite animation for Media Viewer - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/130107 Change subject: Adjust invite animation for Media Viewer .. Adjust invite animation for Media Viewer With latest refactorings, the animatin looked like a glitch. The position of the panel has been adjusted to (a) make the initial position the same as shown while the progress bar for better continuity, and (b) make the move more noticeable by increasing the distance the panel moves. To test, clear the local storage variable mmv.hasOpenedMetadata Change-Id: Ie3ed29826fa15bf4c6b38f0fc8bde4bd84563fb9 --- M resources/mmv/ui/mmv.ui.metadataPanel.less 1 file changed, 2 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/07/130107/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index f892f8d..3d615e9 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -56,10 +56,10 @@ .mw-mmv-invite-animation() { 0% { - margin-top: 5px; + margin-top: 0px; } 50% { - margin-top: -3px; + margin-top: -15px; } 100% { margin-top: 0; -- To view, visit https://gerrit.wikimedia.org/r/130107 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ie3ed29826fa15bf4c6b38f0fc8bde4bd84563fb9 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Images for zoom - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/129629 Change subject: Images for zoom .. Images for zoom Images for the Zoom control of Media Viewer. SVGs for RTL and RTL languages included. Change-Id: I65cc6d9921a40d26307c294fb08ccfc42b1a9068 --- A resources/mmv/ui/img/mw-dezoom-ltr.svg A resources/mmv/ui/img/mw-dezoom-rtl.svg A resources/mmv/ui/img/mw-zoom-ltr.svg A resources/mmv/ui/img/mw-zoom-rtl.svg 4 files changed, 98 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/29/129629/1 diff --git a/resources/mmv/ui/img/mw-dezoom-ltr.svg b/resources/mmv/ui/img/mw-dezoom-ltr.svg new file mode 100644 index 000..4353a3f --- /dev/null +++ b/resources/mmv/ui/img/mw-dezoom-ltr.svg @@ -0,0 +1,24 @@ +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 +id=svg2 xmlns:svg=http://www.w3.org/2000/svg; xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; xmlns:cc=http://creativecommons.org/ns#; xmlns:dc=http://purl.org/dc/elements/1.1/; +xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px viewBox=0 0 960 560 +enable-background=new 0 0 960 560 xml:space=preserve +g + path fill-opacity=0.5333 d=M697.1,536.9c-5.1,0-7.7-2.6-10.3-5.1L550.6,411c-36,25.7-79.6,41.1-125.9,41.1 + c-56.5,0-110.5-23.1-151.6-64.2C191,303.1,191,167,273.2,84.8c38.5-41.1,92.5-61.7,151.6-61.7s110.5,23.1,151.6,61.7 + c66.8,66.8,82.2,174.7,33.4,256.9L745.9,465c5.1,2.6,5.1,10.3,5.1,15.4C740.7,526.6,702.2,536.9,697.1,536.9 + C699.6,536.9,697.1,536.9,697.1,536.9z M424.8,107.9c-33.4,0-66.8,12.8-92.5,38.5c-2.6,0-2.6,0-5.1,2.6 + c-46.2,51.4-43.7,128.4,2.6,177.2c25.7,23.1,56.5,38.5,89.9,38.5s66.8-12.8,89.9-38.5c25.7-23.1,38.5-56.5,38.5-89.9 + s-12.8-66.8-38.5-89.9C491.6,120.7,460.7,107.9,424.8,107.9z/ + path fill=#FF d=M283.5,369.9C322,408.4,370.8,429,424.8,429c46.2,0,89.9-15.4,125.9-46.2l146.4,131c0,0,33.4-7.7,41.1-43.7 + l-143.9-131c51.4-77.1,41.1-182.4-25.7-249.2c-41.1-38.5-89.9-59.1-141.3-59.1S319.4,51.4,283.5,87.3 + C206.4,167,206.4,292.8,283.5,369.9z M314.3,133.6c2.6-2.6,5.1-5.1,7.7-7.7c28.3-28.3,64.2-43.7,102.8-43.7s74.5,15.4,102.8,43.7 + c56.5,56.5,56.5,149,0,205.5c-28.3,28.3-64.2,43.7-102.8,43.7s-74.5-15.4-102.8-43.7C265.5,277.4,262.9,190.1,314.3,133.6z/ + path fill-opacity=0.5333 d=M337.4,267.2c-5.1,0-10.3-5.1-10.3-10.3v-53.9c0-5.1,5.1-10.3,10.3-10.3l169.5-0.5 + c5.1,0,10.3,5.1,10.3,10.3v54.4c0,5.1-5.1,10.3-10.3,10.3H337.4z/ + path fill=#FF d=M507,200.4h-59.1h-48.8h-61.7c0,0-2.6,0-2.6,2.6v43.7c0,0,0,2.6,2.6,2.6l167,0c0,0,2.6,0,2.6-2.6L507,200.4 + C509.5,200.4,507,200.4,507,200.4z/ +/g +/svg diff --git a/resources/mmv/ui/img/mw-dezoom-rtl.svg b/resources/mmv/ui/img/mw-dezoom-rtl.svg new file mode 100644 index 000..6822c2d --- /dev/null +++ b/resources/mmv/ui/img/mw-dezoom-rtl.svg @@ -0,0 +1,25 @@ +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 +id=svg2 xmlns:svg=http://www.w3.org/2000/svg; xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; xmlns:cc=http://creativecommons.org/ns#; xmlns:dc=http://purl.org/dc/elements/1.1/; +xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px viewBox=0 0 960 560 +enable-background=new 0 0 960 560 xml:space=preserve +g + path fill-opacity=0.5333 d=M265.4,536.9c-5.1,0-43.6-10.3-53.9-56.5c0-5.1,0-12.8,5.1-15.4l136.1-123.3 + c-48.8-82.2-33.4-190.1,33.4-256.9c41.1-38.6,92.5-61.7,151.6-61.7s113.1,20.6,151.6,61.7c82.2,82.2,82.2,218.3,0.1,303.1 + c-41.1,41.1-95.1,64.2-151.6,64.2c-46.3,0-89.9-15.4-125.9-41.1L275.7,531.8C273.1,534.3,270.5,536.9,265.4,536.9 + C265.4,536.9,262.9,536.9,265.4,536.9z M452.9,146.4c-25.7,23.1-38.5,56.5-38.5,89.9s12.8,66.8,38.5,89.9 + c23.1,25.7,56.5,38.5,89.9,38.5s64.2-15.4,89.9-38.5c46.3-48.8,48.8-125.8,2.6-177.2c-2.5-2.6-2.5-2.6-5.1-2.6 + c-25.7-25.7-59.1-38.5-92.5-38.5C501.8,107.9,470.9,120.7,452.9,146.4z/ + path fill=#FF d=M679,87.3c-35.9-35.9-92.4-56.5-143.8-56.5c-51.4,0-100.2,20.6-141.3,59.1 + c-66.8,66.8-77.1,172.1-25.7,249.2l-143.9,131c7.7,36,41.1,43.7,41.1,43.7l146.4-131c36,30.8,79.7,46.2,125.9,46.2 + c54,0,102.8-20.6,141.3-59.1C756.1,292.8,756.1,167,679,87.3z
[MediaWiki-commits] [Gerrit] Close icon adjustment for Red link entry point dialog - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/127673 Change subject: Close icon adjustment for Red link entry point dialog .. Close icon adjustment for Red link entry point dialog The position of the close panel is adjusted to better fit the panel corner (keep the same distance from top and right sides). Change-Id: I6a93c0ecc600b4315848225878f82654ebb50f8c --- M modules/entrypoint/styles/ext.cx.entrypoint.less 1 file changed, 6 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/73/127673/1 diff --git a/modules/entrypoint/styles/ext.cx.entrypoint.less b/modules/entrypoint/styles/ext.cx.entrypoint.less index da8cdea..77d0979 100644 --- a/modules/entrypoint/styles/ext.cx.entrypoint.less +++ b/modules/entrypoint/styles/ext.cx.entrypoint.less @@ -22,9 +22,11 @@ } .cx-entrypoint-dialog__heading { + @vertical-margin: 10px; + @horizontal-margin: 15px; .mw-ui-item; .mw-ui-one-whole; - padding: 10px 15px; + padding: @vertical-margin @horizontal-margin; font-size: large; line-height: 1.5em; background-color: #fbfbfb; @@ -38,6 +40,9 @@ float: right; padding: 15px; cursor: pointer; + position: relative; + top: -@vertical-margin; + left: @horizontal-margin; } } -- To view, visit https://gerrit.wikimedia.org/r/127673 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I6a93c0ecc600b4315848225878f82654ebb50f8c Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Use full hex codes for colors - change (mediawiki...GuidedTour)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/127820 Change subject: Use full hex codes for colors .. Use full hex codes for colors Update colors to use six hex igit codes for colors. Change-Id: Ifeb82b3fdbf024de38591fd4df7b62ee9cf7ecd0 --- M modules/ext.guidedTour.less 1 file changed, 2 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/GuidedTour refs/changes/20/127820/1 diff --git a/modules/ext.guidedTour.less b/modules/ext.guidedTour.less index 4827a39..a2ff48a 100644 --- a/modules/ext.guidedTour.less +++ b/modules/ext.guidedTour.less @@ -2,11 +2,11 @@ @import 'mediawiki.mixins'; .guider { - border-color: #bbb; + border-color: #bb; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; padding: 12px; - .box-shadow(0 0 12px #ccc); + .box-shadow(0 0 12px #cc); .border-radius(3px); } -- To view, visit https://gerrit.wikimedia.org/r/127820 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ifeb82b3fdbf024de38591fd4df7b62ee9cf7ecd0 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/GuidedTour Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Grid system for mediawiki.ui - change (mediawiki/core)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/125387 Change subject: Grid system for mediawiki.ui .. Grid system for mediawiki.ui A set of mixins for the creation of responsive layouts: - Variables for the screen sizes to support (can be extended). - Mixins to indicate the width and visibility of elements per brekpoint (or in general). - This also enables the specification of any CSS property for each breackpoint. This is based on the RfC: http://www.mediawiki.org/wiki/Requests_for_comment/Grid_system More information at: http://pauginer.github.io/agora-grid/ Change-Id: I6b1ceeed5fa6b65e1b04a5bf0721ac66a7de2d9b --- A resources/src/mediawiki.ui/mixins/grid-core.less A resources/src/mediawiki.ui/mixins/grid-responsive.less A resources/src/mediawiki.ui/mixins/grid.less A resources/src/mediawiki.ui/settings/grid.less 4 files changed, 460 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core refs/changes/87/125387/1 diff --git a/resources/src/mediawiki.ui/mixins/grid-core.less b/resources/src/mediawiki.ui/mixins/grid-core.less new file mode 100644 index 000..929bcdb --- /dev/null +++ b/resources/src/mediawiki.ui/mixins/grid-core.less @@ -0,0 +1,210 @@ +@import ../settings/grid; + +// Grid - core +// +// Mixins to indicate that an element should behave as a gid (.mw-ui-grid) or a grid item (.mw-ui-item) +// and a serie of proportional mixins with predefined widths (e.g., .mw-ui-tho-thirds) and visibility (.mw-ui-hidden). +// + +.mw-ui-grid() { +margin-left: auto; +margin-right: auto; +overflow: hidden; +clear: both; + } + +.mw-ui-item(@gutter:@grid-gutter) { + float: left; + .mw-ui-gutter(@gutter / 2); +width: 100%; +-webkit-box-sizing: border-box; +-moz-box-sizing: border-box; +box-sizing: border-box; + .mw-ui-right { + float: right; + } +} + +.mw-ui-gutter(@gutter){ + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); +} + +//Proportions +.mw-ui-one-whole(){ + .mw-ui-item; + width: 100%; +} +.mw-ui-one-half(){ + .mw-ui-item; + width: 50%; +} +.mw-ui-one-third(){ + .mw-ui-item; + width: 33.333%; +} +.mw-ui-two-thirds(){ + .mw-ui-item; + width: 66.666%; +} +.mw-ui-one-quarter(){ + .mw-ui-item; + width: 25%; +} +.mw-ui-two-quarters(){ + .mw-ui-item; + width: 50%; +} +.mw-ui-three-quarters(){ + .mw-ui-item; + width: 75%; +} +.mw-ui-one-fifth(){ + .mw-ui-item; + width: 20%; +} +.mw-ui-two-fifths(){ + .mw-ui-item; + width: 40%; +} +.mw-ui-three-fifths(){ + .mw-ui-item; + width: 60%; +} +.mw-ui-four-fifths(){ + .mw-ui-item; + width: 80%; +} +.mw-ui-one-sixth(){ + .mw-ui-item; + width: 16.666%; +} +.mw-ui-two-sixths(){ + .mw-ui-item; + width: 33.333%; +} +.mw-ui-three-sixths(){ + .mw-ui-item; + width: 50%; +} +.mw-ui-four-sixths(){ + .mw-ui-item; + width: 66.666%; +} +.mw-ui-five-sixths(){ + .mw-ui-item; + width: 83.333%; +} +.mw-ui-one-eighth(){ + .mw-ui-item; + width: 12.5%; +} +.mw-ui-two-eighths(){ + .mw-ui-item; + width: 25%; +} +.mw-ui-three-eighths(){ + .mw-ui-item; + width: 37.5%; +} +.mw-ui-four-eighths(){ + .mw-ui-item; + width: 50%; +} +.mw-ui-five-eighths(){ + .mw-ui-item; + width: 62.5%; +} +.mw-ui-six-eighths(){ + .mw-ui-item; + width: 75%; +} +.mw-ui-seven-eighths(){ + .mw-ui-item; + width: 87.5%; +} +.mw-ui-one-tenth(){ + .mw-ui-item; + width: 10%; +} +.mw-ui-two-tenths(){ + .mw-ui-item; + width: 20%; +} +.mw-ui-three-tenths(){ + .mw-ui-item; + width: 30%; +} +.mw-ui-four-tenths(){ + .mw-ui-item; + width: 40%; +} +.mw-ui-five-tenths(){ + .mw-ui-item; + width: 50%; +} +.mw-ui-six-tenths(){ + .mw-ui-item; + width: 60%; +} +.mw-ui-seven-tenths(){ + .mw-ui-item; + width: 70%; +} +.mw-ui-eight-tenths(){ + .mw-ui-item; + width: 80%; +} +.mw-ui-nine-tenths(){ + .mw-ui-item; + width: 90%; +} +.mw-ui-one-twelfth(){ + .mw-ui-item; + width: 8.333%; +} +.mw-ui-two-twelfths(){ + .mw-ui-item; + width: 16.666%; +} +.mw-ui-three-twelfths(){ + .mw-ui-item; + width: 25%; +} +.mw-ui-four-twelfths(){ + .mw-ui-item; + width: 33.333%; +} +.mw-ui-five-twelfths(){ + .mw-ui-item; + width: 41.666%; +} +.mw-ui-six-twelfths(){ + .mw-ui-item; + width: 50%; +} +.mw-ui-seven-twelfths(){ + .mw-ui-item; + width: 58.333%; +} +.mw-ui-eight-twelfths(){ + .mw-ui-item; + width: 66.666%; +} +.mw-ui-nine-twelfths(){ + .mw-ui-item; + width: 75%; +} +.mw-ui-ten-twelfths(){ + .mw-ui-item; + width:
[MediaWiki-commits] [Gerrit] Spacing adjustment for repository link - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/125407 Change subject: Spacing adjustment for repository link .. Spacing adjustment for repository link Spacing of the whole element and the Commons logo has been adjusted to provide more visual clarity. Change-Id: I601a1d5c847199dc734911dc9e90c0fe7931bca8 --- M resources/mmv/ui/mmv.ui.metadataPanel.less 1 file changed, 2 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/07/125407/1 diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index 1119c69..469dc27 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -146,12 +146,13 @@ .box-round(5px); padding: @padding; padding-left: @icon-size + 2 * @padding; + margin-top: 10px; /* @embed */ background-image: url(img/repo.svg); background-repeat: no-repeat; background-size: auto @icon-size; - background-position: @padding center; + background-position: (@padding + 4px) center; background-color: @info-box-color; line-height: 1.3; -- To view, visit https://gerrit.wikimedia.org/r/125407 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I601a1d5c847199dc734911dc9e90c0fe7931bca8 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Removed white background from SVG assets Two images containe... - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/125118 Change subject: Removed white background from SVG assets Two images contained a white background that was limiting their use over other background colours. .. Removed white background from SVG assets Two images contained a white background that was limiting their use over other background colours. Change-Id: Ic61e0d223ed927968344b132dbe67952c80bbe28 --- M resources/mmv/ui/img/location.svg M resources/mmv/ui/img/tag.svg 2 files changed, 90 insertions(+), 12 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/18/125118/1 diff --git a/resources/mmv/ui/img/location.svg b/resources/mmv/ui/img/location.svg index 1130bc9..4fd5454 100644 --- a/resources/mmv/ui/img/location.svg +++ b/resources/mmv/ui/img/location.svg @@ -1 +1,49 @@ -?xml version=1.0 encoding=UTF-8?svg xmlns=http://www.w3.org/2000/svg; width=80 height=80 viewBox=0 0 80 80linearGradient id=a gradientUnits=userSpaceOnUse x1=326 y1=-301.074 x2=326 y2=-329.776 gradientTransform=matrix(1 0 0 -1 -286 -294)stop offset=0 stop-color=#fff stop-opacity=.95/stop offset=.787 stop-color=#fff//linearGradientpath fill=url(#a) d=M0 0h80v80h-80z/path fill=#929497 d=M61.615 10.966c-2.91-2.913-6.309-5.171-10.109-6.716-11.435-4.632-24.46-1.979-33.178 6.728-5.783 5.792-8.975 13.166-8.975 20.791 0 7.613 3.19 14.995 8.975 20.781l3.182 3.153c6.386 6.31 11.893 11.758 16.618 19.331l1.838 2.966 1.85-2.966c4.725-7.573 10.232-13.021 16.607-19.324l3.191-3.17c12.044-12.044 12.044-29.529.001-41.574zm-12.138 31.675c-5.25 5.258-13.76 5.258-19.011 0-5.249-5.24-5.249-13.75 0-19 5.251-5.24 13.761-5.24 19.011 0 5.238 5.25 5.238 13.758 0 19z//svg \ No newline at end of file +?xml version=1.0 encoding=UTF-8 standalone=no? + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + version=1.1 + width=80 + height=80 + viewBox=0 0 80 80 + id=svg2 + metadata + id=metadata17 +rdf:RDF + cc:Work + rdf:about= +dc:formatimage/svg+xml/dc:format +dc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; / +dc:title/dc:title + /cc:Work +/rdf:RDF + /metadata + defs + id=defs15 / + linearGradient + x1=326 + y1=-301.07401 + x2=326 + y2=-329.776 + id=a + gradientUnits=userSpaceOnUse + gradientTransform=matrix(1,0,0,-1,-286,-294) +stop + id=stop5 + style=stop-color:#ff;stop-opacity:0.9499 + offset=0 / +stop + id=stop7 + style=stop-color:#ff;stop-opacity:1 + offset=0.787 / + /linearGradient + path + d=M 61.615,10.966 C 58.705,8.053 55.306,5.795 51.506,4.25 40.071,-0.382 27.046,2.271 18.328,10.978 12.545,16.77 9.353,24.144 9.353,31.769 c 0,7.613 3.19,14.995 8.975,20.781 l 3.182,3.153 c 6.386,6.31 11.893,11.758 16.618,19.331 L 39.966,78 41.816,75.034 C 46.541,67.461 52.048,62.013 58.423,55.71 l 3.191,-3.17 C 73.658,40.496 73.658,23.011 61.615,10.966 z M 49.477,42.641 c -5.25,5.258 -13.76,5.258 -19.011,0 -5.249,-5.24 -5.249,-13.75 0,-19 5.251,-5.24 13.761,-5.24 19.011,0 5.238,5.25 5.238,13.758 0,19 z + id=path11 + style=fill:#929497 / +/svg diff --git a/resources/mmv/ui/img/tag.svg b/resources/mmv/ui/img/tag.svg index c358905..81dbb13 100644 --- a/resources/mmv/ui/img/tag.svg +++ b/resources/mmv/ui/img/tag.svg @@ -1,14 +1,44 @@ -?xml version=1.0 encoding=UTF-8? -!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- -!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; -svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px width=80px height=80px viewBox=0 0 80 80 enable-background=new 0 0 80 80 xml:space=preserve -g +?xml version=1.0 encoding=UTF-8 standalone=no? + +svg + xmlns:dc=http://purl.org/dc/elements/1.1/; + xmlns:cc=http://creativecommons.org/ns#; + xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; + xmlns:svg=http://www.w3.org/2000/svg; + xmlns=http://www.w3.org/2000/svg; + version=1.1 + width=80 + height=80 + viewBox=0 0 80 80 + id=Layer_1 + xml:space=preservemetadata + id=metadata18rdf:RDFcc:Work + rdf:about=dc:formatimage/svg+xml/dc:formatdc:type + rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs + id=defs16 - linearGradient id=SVGID_1_ gradientUnits=userSpaceOnUse x1=326 y1=-301.0737 x2=326 y2=-329.7758 gradientTransform=matrix(1 0 0 -1 -286 -294) - stop offset=0 style=stop-color:#FF;stop-opacity:0.95/ -
[MediaWiki-commits] [Gerrit] Adjust text style for size indicaions - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/124828 Change subject: Adjust text style for size indicaions .. Adjust text style for size indicaions For download button and size drop-downs, the size labels have been set to small and normal weight (in the button other rules made it to be bold if no weight was specified). Change-Id: I7511b307a8459d6e4a01f0b9540528046ad2be8e --- M resources/mmv/ui/mmv.ui.reuse.download.less M resources/mmv/ui/mmv.ui.reuse.embed.less 2 files changed, 3 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/28/124828/1 diff --git a/resources/mmv/ui/mmv.ui.reuse.download.less b/resources/mmv/ui/mmv.ui.reuse.download.less index 7744a57..e12ab68 100644 --- a/resources/mmv/ui/mmv.ui.reuse.download.less +++ b/resources/mmv/ui/mmv.ui.reuse.download.less @@ -32,7 +32,8 @@ .multimediaviewer-download-image-size { display:block; - font-size: x-small; + font-size: small; + font-weight: normal; } .mw-mlb-download-preview-link { diff --git a/resources/mmv/ui/mmv.ui.reuse.embed.less b/resources/mmv/ui/mmv.ui.reuse.embed.less index 1e4312e..02fb90e 100644 --- a/resources/mmv/ui/mmv.ui.reuse.embed.less +++ b/resources/mmv/ui/mmv.ui.reuse.embed.less @@ -58,4 +58,5 @@ .mw-mmv-embed-dimensions { color: @embed-dimensions-color; + font-size: small; } -- To view, visit https://gerrit.wikimedia.org/r/124828 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I7511b307a8459d6e4a01f0b9540528046ad2be8e Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjustments to the Commons icon in Media Viewer To achieve c... - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/124831 Change subject: Adjustments to the Commons icon in Media Viewer To achieve consistency with the icons in the Media Viewer panel, the following has been adjusted: - Colors onf the share icon to match the rest of the icons (updated to the new gray values of Agora). - Siz .. Adjustments to the Commons icon in Media Viewer To achieve consistency with the icons in the Media Viewer panel, the following has been adjusted: - Colors onf the share icon to match the rest of the icons (updated to the new gray values of Agora). - Size of the Commons icon has been adjusted both in the SVG file and when it is added in the LESS/CSS. Due to the different aspect ratio of this icon, extra spacing has been added to make it visually fit. Change-Id: Ic14a869ea96ea1a8202c9988f0c5d330ba3e9a70 --- M resources/mmv/ui/img/commons_gray.svg M resources/mmv/ui/img/use-ltr.svg M resources/mmv/ui/img/use-rtl.svg M resources/mmv/ui/mmv.ui.stripeButtons.less 4 files changed, 40 insertions(+), 93 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/31/124831/1 diff --git a/resources/mmv/ui/img/commons_gray.svg b/resources/mmv/ui/img/commons_gray.svg index 958c687..da700fa 100644 --- a/resources/mmv/ui/img/commons_gray.svg +++ b/resources/mmv/ui/img/commons_gray.svg @@ -1,32 +1,30 @@ -?xml version=1.0 encoding=utf-8? -!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- -!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; -svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px -viewBox=0 0 80 80 enable-background=new 0 0 80 80 xml:space=preserve -g id=g4939_2_ transform=matrix(1.052195,0,0,1.052195,-7.7556,-16.09329) - path id=path4653_2_ fill=#77 d=M44.6,85.1c-6.6-0.2-12.7-3.2-17-8.2c-3.6-4.2-5.5-9.5-5.5-15.1c0-5.6,1.9-10.9,5.6-15.2 - c0.5-0.6,1.7-1.8,1.8-1.8c0,0,1.4,1.4,3.1,3.1l3.1,3.1l0.9-0.8c0.5-0.5,0.9-0.8,0.9-0.8c0,0,0.6,1.9,1.8,6.4c0,0,0,0.1-0.1,0.1 - c0,0-5.9-1.6-6.3-1.7c0,0-0.1,0-0.1,0c0,0,0.4-0.4,0.8-0.9c0.5-0.5,0.8-0.9,0.8-0.9c0-0.1-1.5-1.6-1.5-1.6c0,0-0.4,0.5-0.8,0.9 - c-1.9,2.4-3.1,5.4-3.4,8.4c-0.1,0.8-0.1,0.9,0,1c0.1,0,2.1,0,2.2,0c0,0,0-0.3,0-1.2c0-1.2,0-1.2,0.1-1.2c0.1,0,5.7,3.3,5.7,3.3 - c0,0,0,0.1-0.1,0.1C36.5,62,31,65.1,31,65.1c0,0,0-0.5,0-1.2l0-1.2h-1.1h-1.1l0,0.3c0,0.6,0.2,1.7,0.4,2.5c0.5,2.4,1.6,4.6,3.1,6.5 - c0.3,0.3,0.8,1,0.8,1c0,0,1.6-1.5,1.6-1.6c0,0-0.4-0.4-0.8-0.9c-0.5-0.5-0.8-0.9-0.8-0.9c0-0.1,6.4-1.8,6.4-1.7 - c0,0-1.7,6.4-1.7,6.4c0,0-0.3-0.3-0.9-0.8c-0.5-0.5-0.9-0.9-0.9-0.9c-0.1,0-1.6,1.5-1.5,1.6c0,0.1,0.6,0.6,1.1,0.9 - c1.9,1.4,4.1,2.5,6.5,3c0.8,0.2,1.9,0.3,2.5,0.4l0.3,0v-1.1v-1.1l-1.2,0c-0.8,0-1.2,0-1.2,0c0-0.1,3.3-5.8,3.3-5.8 - c0,0,3.3,5.7,3.3,5.8c0,0-0.4,0-1.2,0l-1.2,0v1.1v1.1l0.3,0c0.6,0,1.7-0.2,2.5-0.4c2.4-0.5,4.6-1.6,6.5-3c0.4-0.3,1-0.8,1.1-0.9 - s-1.5-1.6-1.5-1.6c0,0-0.4,0.4-0.9,0.9c-0.5,0.5-0.9,0.8-0.9,0.8c0-0.1-1.7-6.4-1.7-6.4c0,0,6.4,1.7,6.4,1.7c0,0-0.3,0.3-0.8,0.9 - c-0.5,0.5-0.8,0.9-0.8,0.9c0,0.1,1.5,1.6,1.6,1.6c0.1,0,0.6-0.6,0.8-1c1.5-1.9,2.5-4.2,3.1-6.5c0.2-0.8,0.3-1.9,0.3-2.5l0-0.3H61 - h-1.1l0,1.2c0,0.7,0,1.2,0,1.2c0,0-5.5-3.1-5.7-3.3c0,0-0.1-0.1-0.1-0.1c0,0,5.6-3.3,5.7-3.3c0.1,0,0.1,0,0.1,1.2 - c0,0.9,0,1.2,0,1.2c0,0,2.1,0.1,2.2,0c0,0,0-0.1,0-1c-0.3-3-1.5-6-3.4-8.4c-0.4-0.5-0.8-0.9-0.8-0.9c0,0-1.5,1.5-1.5,1.5 - c0,0,0.4,0.4,0.8,0.9c0.5,0.5,0.8,0.9,0.8,0.9c0,0,0,0-0.1,0.1c-0.4,0.1-6.3,1.7-6.3,1.7c0,0-0.1,0,0-0.1c1.2-4.4,1.7-6.3,1.8-6.4 - c0,0,0.4,0.3,0.9,0.8l0.9,0.8l0.8-0.8c0.4-0.4,0.8-0.8,0.8-0.8c0,0-0.5-0.4-0.9-0.7c-0.9-0.6-1.5-0.8-4.4-2c-2-0.8-3-1.3-4.2-2.1 - c-2.6-1.8-4.3-4.1-5.4-7.4c-0.1-0.4-0.5-1.6-0.5-1.6c0-0.1-0.2,0-1.6,0.5C38,36.7,37.3,37,37.1,37c-0.3,0-0.4-0.1-0.2-0.3 - c0.1-0.2,0.2-0.3,0.5-0.7c0.7-0.9,1.3-1.7,2-3.1c1.2-2.2,2.4-5.2,3.4-8.6c0.3-1,0.7-2.3,0.8-2.6c0-0.1,0-0.2,0.1-0.2 - c0,0,2.9,4.9,4.3,7.2c2.7,4.8,3.9,7.3,3.6,7.5c-0.1,0.1-0.2,0-0.7-0.5c-0.7-0.7-1.1-0.9-1.8-1.2c-0.3-0.1-0.8-0.2-1.1-0.2 - c-0.3,0-0.3,0-0.2,0.4c0.4,1.6,1.1,2.8,2,3.6c0.9,0.9,2,1.5,4.8,2.6c2.2,0.9,3.6,1.6,4.8,2.4c1,0.7,1.8,1.3,2.6,2.2 - c5,5.1,7.3,12,6.5,19.1c-0.7,6.2-4,11.8-8.9,15.6c-2.8,2.1-5.9,3.6-9.3,4.3C48.5,84.9,46.4,85.1,44.6,85.1z/ - path id=path4697_2_ fill=#77 d=M44.9,69.6c-1.2-0.1-2-0.3-2.9-0.8c-0.9-0.4-1.5-0.9-2.2-1.6c-1.1-1.2-1.9-2.6-2.1-4.3 - c-0.1-0.6-0.1-1.7,0-2.2c0.1-0.8,0.3-1.5,0.6-2.1c1.1-2.4,3.3-4.1,6-4.5c0.3,0,0.5-0.1,1.1-0.1c0.6,0,0.9,0,1.1,0.1 -
[MediaWiki-commits] [Gerrit] Optimized SVGs - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/123607 Change subject: Optimized SVGs .. Optimized SVGs Applying svgo to all SVGs to reduce their size. Change-Id: I37a6da620157b9254cdc44eca8b7bd482491e916 --- M resources/mmv/img/assessments.svg M resources/mmv/img/cc.svg M resources/mmv/img/down.svg M resources/mmv/img/drag.svg M resources/mmv/img/location.svg M resources/mmv/img/repo.svg M resources/mmv/img/time.svg M resources/mmv/img/user-ltr.svg M resources/mmv/img/user-rtl.svg 9 files changed, 9 insertions(+), 204 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/07/123607/1 diff --git a/resources/mmv/img/assessments.svg b/resources/mmv/img/assessments.svg index 399ed37..52d1bed 100644 --- a/resources/mmv/img/assessments.svg +++ b/resources/mmv/img/assessments.svg @@ -1,42 +1 @@ -?xml version=1.0 encoding=utf-8? -!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- -!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; -svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px -viewBox=0 0 14.633 17.227 enable-background=new 0 0 14.633 17.227 xml:space=preserve -g - path fill=#BB d=M11.388,14.167H9.195c-0.233,0-0.486-0.18-0.562-0.4c0,0-0.349-1.012-0.583-2.183 - c-0.104-0.519-0.199-1.064-0.199-1.064C7.811,10.29,7.93,9.987,8.116,9.847c0,0,3.016-2.278,3.466-4.531 - c0.41-2.048,0.288-4.892,0.288-4.892C11.861,0.191,11.662,0,11.429,0H3.204C2.971,0,2.772,0.191,2.762,0.423 - c0,0-0.121,2.845,0.288,4.892c0.451,2.253,3.467,4.531,3.467,4.531c0.186,0.14,0.305,0.443,0.265,0.673 - c0,0-0.095,0.545-0.199,1.064C6.349,12.755,6,13.767,6,13.767c-0.076,0.22-0.329,0.4-0.562,0.4H3.245 - c-0.233,0-0.424,0.191-0.424,0.424v2.212c0,0.233,0.191,0.424,0.424,0.424h8.143c0.233,0,0.424-0.191,0.424-0.424v-2.212 - C11.812,14.358,11.621,14.167,11.388,14.167z/ - path fill=#BB d=M14.543,2.897c-0.052-0.216-0.125-0.431-0.243-0.648c-0.12-0.224-0.313-0.45-0.55-0.595 - c-0.237-0.148-0.508-0.22-0.761-0.222c-0.254-0.004-0.49,0.055-0.696,0.15c-0.042,0.02-0.042,0.02-0.042,0.02 - c-0.044,0.025-0.082,0.14-0.083,0.257l-0.006,0.298c-0.003,0.116,0.088,0.191,0.202,0.166c0,0,0.028-0.006,0.14-0.01 - c0.14-0.004,0.269,0.014,0.374,0.054c0.053,0.018,0.099,0.044,0.138,0.071c0.04,0.026,0.072,0.057,0.1,0.089 - c0.028,0.032,0.05,0.067,0.071,0.105c0.01,0.019,0.01,0.019,0.01,0.019c0.01,0.023,0.019,0.046,0.022,0.052 - c0.002,0.006,0.01,0.025,0.011,0.03c0.001,0.005,0.003,0.009,0.003,0.009c0,0.001,0,0.002,0,0.002c0,0.001,0,0,0,0 - c0-0.001-0.001-0.002,0,0c0.001,0.002,0.003,0.008,0.005,0.012c0.002,0.004,0.029,0.1,0.06,0.212c0,0,0.01,0.037,0.03,0.174 - c0.038,0.278,0.04,0.584,0.007,0.881c-0.033,0.295-0.104,0.592-0.208,0.816c-0.026,0.056-0.053,0.105-0.079,0.147 - c-0.014,0.022-0.023,0.036-0.04,0.057c-0.018,0.023-0.037,0.044-0.059,0.066c-0.085,0.09-0.184,0.173-0.287,0.236 - c-0.207,0.128-0.42,0.191-0.68,0.154c-0.046-0.006-0.046-0.006-0.046-0.006c-0.053-0.013-0.121,0.068-0.151,0.18l-0.112,0.366 - c-0.039,0.11-0.044,0.216-0.012,0.235c0,0,0,0,0.032,0.016c0.208,0.106,0.452,0.172,0.701,0.179 - c0.249,0.01,0.497-0.039,0.722-0.123c0.226-0.086,0.43-0.204,0.616-0.351c0.046-0.037,0.092-0.078,0.137-0.12 - c0.046-0.043,0.096-0.097,0.137-0.147c0.085-0.101,0.154-0.205,0.213-0.308c0.118-0.207,0.199-0.416,0.261-0.624 - c0.062-0.208,0.103-0.417,0.128-0.626C14.653,3.75,14.643,3.327,14.543,2.897z/ - path fill=#BB d=M2.975,6.271c0.032-0.02,0.027-0.126-0.012-0.235L2.85,5.67C2.82,5.558,2.752,5.476,2.699,5.49 - c0,0,0,0-0.046,0.006C2.393,5.533,2.18,5.47,1.973,5.342C1.87,5.279,1.77,5.196,1.685,5.106C1.663,5.083,1.645,5.062,1.627,5.04 - C1.61,5.018,1.6,5.004,1.586,4.982C1.561,4.941,1.533,4.891,1.508,4.836C1.405,4.612,1.333,4.315,1.3,4.019 - C1.266,3.722,1.268,3.416,1.307,3.138c0.019-0.137,0.029-0.174,0.029-0.174c0.031-0.112,0.059-0.207,0.06-0.212 - s0.004-0.01,0.005-0.012c0.001-0.002,0-0.001,0,0c0,0.001-0.001,0.001,0,0.001c0,0,0-0.001,0-0.002c0,0,0.002-0.005,0.003-0.009 - c0.002-0.005,0.009-0.024,0.011-0.03c0.002-0.006,0.012-0.029,0.022-0.052c0,0,0,0,0.01-0.019c0.02-0.038,0.043-0.073,0.07-0.105 - c0.027-0.033,0.06-0.063,0.1-0.089c0.04-0.027,0.085-0.053,0.138-0.071C1.86,2.324,1.989,2.306,2.129,2.31 - c0.112,0.004,0.14,0.01,0.14,0.01C2.382,2.345,2.473,2.271,2.47,2.154L2.465,1.857C2.463,1.74,2.426,1.625,2.382,1.6 -
[MediaWiki-commits] [Gerrit] Split button line adjustment The download button used a dash... - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/123609 Change subject: Split button line adjustment The download button used a dashed black line to separate options. It has been changed to a dark green line to better fit the style. .. Split button line adjustment The download button used a dashed black line to separate options. It has been changed to a dark green line to better fit the style. Change-Id: I3224027b69c4c1e5cf2568aed8f4f50ee351c369 --- M resources/mmv/ui/mmv.ui.reuse.download.less 1 file changed, 1 insertion(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/09/123609/1 diff --git a/resources/mmv/ui/mmv.ui.reuse.download.less b/resources/mmv/ui/mmv.ui.reuse.download.less index 7744a57..b93aa40 100644 --- a/resources/mmv/ui/mmv.ui.reuse.download.less +++ b/resources/mmv/ui/mmv.ui.reuse.download.less @@ -22,7 +22,7 @@ border:0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-left: 1px dotted black; + border-left: 1px solid #008b6d; background-image: /* @embed */ url(../img/down.svg); } -- To view, visit https://gerrit.wikimedia.org/r/123609 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3224027b69c4c1e5cf2568aed8f4f50ee351c369 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Layout adjustment for explanatory text - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/123185 Change subject: Layout adjustment for explanatory text .. Layout adjustment for explanatory text The text below share and embed code is placed to be just below the input elements. Change-Id: I6845e1e67ddfd4fde3352a33cee56c981fb16fdc --- M resources/mmv/ui/mmv.ui.reuse.embed.less M resources/mmv/ui/mmv.ui.reuse.shareembed.less 2 files changed, 8 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/85/123185/1 diff --git a/resources/mmv/ui/mmv.ui.reuse.embed.less b/resources/mmv/ui/mmv.ui.reuse.embed.less index 5f818e6..1e4312e 100644 --- a/resources/mmv/ui/mmv.ui.reuse.embed.less +++ b/resources/mmv/ui/mmv.ui.reuse.embed.less @@ -24,8 +24,12 @@ padding: 5px 27px; .mw-mmv-embed-explanation { - padding-bottom: 10px; - top: 0 + margin: 0 0 10px 0; + padding: 0; + } + + p, textarea { + margin: 0; } } diff --git a/resources/mmv/ui/mmv.ui.reuse.shareembed.less b/resources/mmv/ui/mmv.ui.reuse.shareembed.less index 6fed891..3a166e1 100644 --- a/resources/mmv/ui/mmv.ui.reuse.shareembed.less +++ b/resources/mmv/ui/mmv.ui.reuse.shareembed.less @@ -3,6 +3,6 @@ .mw-mmv-shareembed-explanation { color: @explanation-color; font-size: 0.9em; - position: relative; - top: 8px; + margin-left: 1.5em; + padding: 5px 8px; } \ No newline at end of file -- To view, visit https://gerrit.wikimedia.org/r/123185 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I6845e1e67ddfd4fde3352a33cee56c981fb16fdc Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Paragraph height adjustment - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/121368 Change subject: Paragraph height adjustment .. Paragraph height adjustment Paragraph height is increased so that paragraphs can be easilly identified while still being perceived as part of a whole document. Change-Id: If44ca220cba70a6fe7121ca4c8d8e43e48296b18 --- M modules/base/styles/ext.cx.base.less 1 file changed, 5 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/68/121368/1 diff --git a/modules/base/styles/ext.cx.base.less b/modules/base/styles/ext.cx.base.less index 1420b38..303ded1 100644 --- a/modules/base/styles/ext.cx.base.less +++ b/modules/base/styles/ext.cx.base.less @@ -10,6 +10,11 @@ color: @gray-darker; } +.cx-column--source p, +.cx-column--translation p { + margin-top: 1.2em; +} + /** * Container for the translation widget */ -- To view, visit https://gerrit.wikimedia.org/r/121368 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: If44ca220cba70a6fe7121ca4c8d8e43e48296b18 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Reuse dialog styling - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/119746 Change subject: Reuse dialog styling .. Reuse dialog styling Adjustments of several styling aspects for the reuse file panel: * Border style and colours to match the ones used in similar borders and Agora style * Highlight the trigger also on hover * Tweak the margins to avoid info on the embed panel to appear next to the edge. Change-Id: I3a5448e3e81006ae35d2c18a9b2cbc2a6598210e --- M resources/mmv/ui/mmv.ui.reuse.dialog.less M resources/mmv/ui/mmv.ui.reuse.share.less 2 files changed, 12 insertions(+), 11 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/46/119746/1 diff --git a/resources/mmv/ui/mmv.ui.reuse.dialog.less b/resources/mmv/ui/mmv.ui.reuse.dialog.less index c8b0818..f074025 100644 --- a/resources/mmv/ui/mmv.ui.reuse.dialog.less +++ b/resources/mmv/ui/mmv.ui.reuse.dialog.less @@ -7,8 +7,8 @@ right: 0; bottom: 0; - border-left: 1px solid @reuse-link-color; - padding: 15px; + border-left: 1px solid #cc; + padding: 15px 20px; .unselectable; font-size: 1.25em; @@ -34,7 +34,8 @@ vertical-align: baseline; } - .open { + .open, + :hover { opacity: 1; } } @@ -46,7 +47,7 @@ .mw-mlb-reuse-dialog { @background-color: rgb(255, 255, 255); - @shadow-color: rgb(0, 0, 0); + @shadow-color: #aa; @border-radius: 3px; @divider-border-height: 1px; @dialog-width: 450px; @@ -59,7 +60,7 @@ width: @dialog-width; height: @dialog-height; background-color: @background-color; - box-shadow: 2px 2px 2px @shadow-color; + box-shadow: 0 2px 0 @shadow-color; .box-round(@border-radius); .mw-mlb-reuse-tabs { @@ -101,7 +102,7 @@ .mw-mlb-reuse-pane { display: none; - padding: 10px; + padding: 10px 20px; .active { display: block; @@ -110,8 +111,8 @@ .mw-mlb-reuse-down-arrow { @arrow-size: 20px; - @arrow-border-color: rgb(170, 170, 170); - @arrow-border-size: 1px; + @arrow-border-color: #aa; + @arrow-border-size: 2px; background-color: @background-color; width: @arrow-size; @@ -121,6 +122,6 @@ .rotate(45deg); position: absolute; right: 60px; - bottom: -1 * ( @arrow-size / 2 ); + bottom: -1 * ( @arrow-size / 2 ) - @arrow-border-size; } } diff --git a/resources/mmv/ui/mmv.ui.reuse.share.less b/resources/mmv/ui/mmv.ui.reuse.share.less index 4f13a13..2fb5c0d 100644 --- a/resources/mmv/ui/mmv.ui.reuse.share.less +++ b/resources/mmv/ui/mmv.ui.reuse.share.less @@ -14,12 +14,12 @@ // position approximately to the middle - probably fragile but couldn't find a better way as the // height of OOJS-UI input widget has both em and px parts and not possible to calculate exactly margin: 8px 0; - padding: 0 10px; + padding: 0 5px 0 0; /* @embed */ background-image: url(img/link.svg); background-size: contain; - background-position: center; + background-position: left center; background-repeat: no-repeat; :hover { -- To view, visit https://gerrit.wikimedia.org/r/119746 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3a5448e3e81006ae35d2c18a9b2cbc2a6598210e Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Use different widths for metadata columns - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/118075 Change subject: Use different widths for metadata columns .. Use different widths for metadata columns This change makes the columns on the matadata panel to use a different width (2/3 and 1/3) to emphazize the description with respect to the more advanced technical details. Change-Id: I246e3496dd01649f360c1f80b859e2260bb1d87f --- M resources/mmv/mmv.less M resources/mmv/ui/mmv.ui.metadataPanel.js M resources/mmv/ui/mmv.ui.metadataPanel.less 3 files changed, 13 insertions(+), 5 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/75/118075/1 diff --git a/resources/mmv/mmv.less b/resources/mmv/mmv.less index b8d5290..813042f 100644 --- a/resources/mmv/mmv.less +++ b/resources/mmv/mmv.less @@ -183,11 +183,12 @@ margin-bottom: 15px; } -@littlefont: 0.9em; +@littlefont: 0.8em; +@mediumfont: 1em; .mw-mlb-caption, .mw-mlb-image-desc { - font-size: @littlefont; + font-size: @mediumfont; color: #55; } diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.js b/resources/mmv/ui/mmv.ui.metadataPanel.js index 913825b..45f0bff 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.js +++ b/resources/mmv/ui/mmv.ui.metadataPanel.js @@ -193,11 +193,11 @@ .appendTo( this.$container ); this.$imageMetadataLeft = $( 'div' ) - .addClass( 'mw-mlb-image-metadata-column' ) + .addClass( 'mw-mlb-image-metadata-column mw-mlb-image-metadata-desc-column' ) .appendTo( this.$imageMetadata ); this.$imageMetadataRight = $( 'div' ) - .addClass( 'mw-mlb-image-metadata-column' ) + .addClass( 'mw-mlb-image-metadata-column mw-mlb-image-metadata-links-column' ) .appendTo( this.$imageMetadata ); this.description = new mw.mmv.ui.Description( this.$imageMetadataLeft ); diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index 93c3ef0..0029bc4 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -14,7 +14,14 @@ .mw-mlb-image-metadata-column { float: left; - width: 50%; +} + +.mw-mlb-image-metadata-desc-column { + width: 66.5%; +} + +.mw-mlb-image-metadata-links-column { + width: 33.5%; } .mw-mlb-permission-link { -- To view, visit https://gerrit.wikimedia.org/r/118075 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I246e3496dd01649f360c1f80b859e2260bb1d87f Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Simplify uses box and adjust layout - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/118122 Change subject: Simplify uses box and adjust layout .. Simplify uses box and adjust layout Adjustments to simplify the uses box by removing borders and adjusting font sizes and colors. Change-Id: Ia2cdc6af130d2280b7c94734174da5c154e42b7c --- M resources/mmv/mmv.less M resources/mmv/ui/mmv.ui.fileUsage.less 2 files changed, 13 insertions(+), 15 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/22/118122/1 diff --git a/resources/mmv/mmv.less b/resources/mmv/mmv.less index 813042f..ae9bbee 100644 --- a/resources/mmv/mmv.less +++ b/resources/mmv/mmv.less @@ -79,6 +79,7 @@ .mlb-post-image { bottom: auto; height: auto; + color: #33; background-color: @metadata-background; position: absolute; min-height: (@bottom-height + 1); @@ -162,6 +163,7 @@ width: 100%; background-color: #fbfbfb; position: relative; + padding-top: 10px; } .jq-fullscreened .mw-mlb-image-metadata { @@ -183,7 +185,7 @@ margin-bottom: 15px; } -@littlefont: 0.8em; +@littlefont: 0.85em; @mediumfont: 1em; .mw-mlb-caption, @@ -193,6 +195,7 @@ } .mw-mlb-image-links { + margin-left: 20px; li { list-style: none; font-size: @littlefont; diff --git a/resources/mmv/ui/mmv.ui.fileUsage.less b/resources/mmv/ui/mmv.ui.fileUsage.less index 1eed259..f100d48 100644 --- a/resources/mmv/ui/mmv.ui.fileUsage.less +++ b/resources/mmv/ui/mmv.ui.fileUsage.less @@ -1,12 +1,9 @@ @import mmv.mixins; .mw-mlb-fileusage-container { - @box-color: #FF; - @heading-color: #F8F8F8; - @inner-border-color: #EE; - @outer-border-color: #DD; - @box-shadow-color: #C9C9C9; + @border-color: #DD; @info-color: #565656; + @dark-text: #33; display: inline-block; overflow: hidden; @@ -18,34 +15,32 @@ h3 { margin-left: 20px; + margin-top: 20px; color: @info-color; font-weight: normal; - font-size: 1.1em; + font-size: 1em; } ul { margin: 0 20px; - border: 1px solid @outer-border-color; - border-bottom: 2px solid @box-shadow-color; .box-round(3px); + font-size: 0.85em; } li { list-style: none; overflow: hidden; - border-bottom: 1px solid @inner-border-color; - padding: 3px 5px 3px 15px; + padding: 3px 5px 3px 0px; margin: 0; - font-size: 0.8em; - background-color: @box-color; :last-child { border-bottom: none; } .mw-mlb-fileusage-local-section, .mw-mlb-fileusage-global-section, .mw-mlb-fileusage-view-all { - color: @info-color; - background-color: @heading-color; + color: @dark-text; + border-bottom: 1px solid @border-color; + margin: 3px 0; } aside { display: inline-block; -- To view, visit https://gerrit.wikimedia.org/r/118122 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ia2cdc6af130d2280b7c94734174da5c154e42b7c Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Compacting the interlanguage links with the ULS - change (mediawiki...UniversalLanguageSelector)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/116726 Change subject: Compacting the interlanguage links with the ULS .. Compacting the interlanguage links with the ULS Change-Id: I109bfb10f6181b6408aab170db5e8ca32493d657 --- M Resources.php M UniversalLanguageSelector.hooks.php M UniversalLanguageSelector.i18n.php M UniversalLanguageSelector.php M i18n/en.json M i18n/qqq.json A resources/css/ext.uls.compactlinks.css A resources/images/compact-links-ltr.png A resources/images/compact-links-ltr.svg A resources/images/compact-links-rtl.png A resources/images/compact-links-rtl.svg A resources/js/ext.uls.compactlinks.js 12 files changed, 313 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/UniversalLanguageSelector refs/changes/26/116726/1 diff --git a/Resources.php b/Resources.php index cb01d80..1d07332 100644 --- a/Resources.php +++ b/Resources.php @@ -146,6 +146,17 @@ ), ) + $resourcePaths; +$wgResourceModules['ext.uls.compactlinks'] = array( + 'scripts' = 'resources/js/ext.uls.compactlinks.js', + 'styles' = 'resources/css/ext.uls.compactlinks.css', + 'dependencies' = array( + 'ext.uls.mediawiki', + 'ext.uls.init', + 'jquery.uls.compact', + 'mediawiki.ui.button', + ), +) + $resourcePaths; + $wgResourceModules['ext.uls.webfonts'] = array( 'scripts' = 'resources/js/ext.uls.webfonts.js', 'dependencies' = array( diff --git a/UniversalLanguageSelector.hooks.php b/UniversalLanguageSelector.hooks.php index 9315718..f740f52 100644 --- a/UniversalLanguageSelector.hooks.php +++ b/UniversalLanguageSelector.hooks.php @@ -62,6 +62,13 @@ // If the extension is enabled, basic features (API, language data) available. $out-addModules( 'ext.uls.init' ); + // If compact ULS beta feature is enabled + if ( class_exists( 'BetaFeatures' ) + BetaFeatures::isFeatureEnabled( $out-getUser(), 'uls-compact-links' ) + ) { + $out-addModules( 'ext.uls.compactlinks' ); + } + if ( is_string( $wgULSGeoService ) ) { $out-addModules( 'ext.uls.geoclient' ); } @@ -327,6 +334,20 @@ return true; } + public static function onGetBetaFeaturePreferences( $user, $prefs ) { + global $wgExtensionAssetsPath; + $prefs['uls-compact-links'] = array( + 'label-message' = 'uls-betafeature-label', + 'desc-message' = 'uls-betafeature-desc', + 'screenshot' = $wgExtensionAssetsPath . + '/UniversalLanguageSelector/resources/images/compact-links-ltr.png', + 'info-link' = + 'https://www.mediawiki.org/wiki/Universal_Language_Selector/Design/Interlanguage_links', + 'discussion-link' = + 'https://www.mediawiki.org/wiki/Talk:Universal_Language_Selector/Design/Interlanguage_links', + ); + } + /** * Hook: SkinTemplateOutputPageBeforeExec * @param Skin $skin diff --git a/UniversalLanguageSelector.i18n.php b/UniversalLanguageSelector.i18n.php index c12250d..5941686 100644 --- a/UniversalLanguageSelector.i18n.php +++ b/UniversalLanguageSelector.i18n.php @@ -26,6 +26,7 @@ * @author Amire80 * @author Nike * @author Kunal Mehta + * @author Niharika */ $messages['en'] = array( 'UniversalLanguageSelector' = 'Universal Language Selector', @@ -36,6 +37,8 @@ 'ext-uls-select-language-settings-icon-tooltip' = 'Language settings', 'ext-uls-undo-language-tooltip-text' = 'Language changed from $1', 'ext-uls-language-settings-preferences-link' = 'More language settings', + 'uls-betafeature-label' = 'Compacting interlanguage links', + 'uls-betafeature-desc' = 'Displays a shorter version of the language list with the languages that are more relevant to you.', ); /** Message documentation (Message documentation) @@ -58,6 +61,8 @@ 'ext-uls-undo-language-tooltip-text' = 'Text for the tooltip appearing when language is changed. Parameters: * $1 - the previous language acronym', 'ext-uls-language-settings-preferences-link' = 'Text for the link showin in user preference screen', + 'uls-betafeature-label' = 'Title for the compact interlanguage links beta feature', + 'uls-betafeature-desc' = 'Description for the compact interlanguage links beta feature' ); /** Arabic (العربية) diff --git a/UniversalLanguageSelector.php b/UniversalLanguageSelector.php index 85178ac..7f9ec45 100644 --- a/UniversalLanguageSelector.php +++ b/UniversalLanguageSelector.php @@
[MediaWiki-commits] [Gerrit] Button group adjustments - change (mediawiki/core)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/116075 Change subject: Button group adjustments .. Button group adjustments In order to support toggable button groups two changes are made: * Avoid buttons in the group to have two borders (left border is removed for all buttons except the 1st one). * Allow the active state to be settable using a class (mw-ui-active) wherever the :active pseudo-element is used. Change-Id: I6152c963f15420f1dcb3086e077163d28d6c6e2d --- M resources/mediawiki.ui/components/default/buttons.less M resources/mediawiki.ui/mixins/effects.less 2 files changed, 10 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core refs/changes/75/116075/1 diff --git a/resources/mediawiki.ui/components/default/buttons.less b/resources/mediawiki.ui/components/default/buttons.less index 73b5dc4..e3ff370 100644 --- a/resources/mediawiki.ui/components/default/buttons.less +++ b/resources/mediawiki.ui/components/default/buttons.less @@ -213,6 +213,10 @@ border-bottom-left-radius: @buttonBorderRadius; } + :not(:first-child){ + border-left: none; + } + :last-child{ border-top-right-radius: @buttonBorderRadius; border-bottom-right-radius: @buttonBorderRadius; diff --git a/resources/mediawiki.ui/mixins/effects.less b/resources/mediawiki.ui/mixins/effects.less index eb8c203..52ae66d 100644 --- a/resources/mediawiki.ui/mixins/effects.less +++ b/resources/mediawiki.ui/mixins/effects.less @@ -17,7 +17,8 @@ } } - :active { + :active, + .mw-ui-active { // lessphp doesn't implement shade (https://github.com/leafo/lessphp/issues/528); // it passes it through, then ResourceLoader drops it. // background: shade(@bgColor, 20%); @@ -51,7 +52,8 @@ // make sure disabled buttons don't have hover and active states :hover, - :active { + :active, + .mw-ui-active{ box-shadow: none; } } @@ -69,7 +71,8 @@ color: mix(#fff, @textColor, 20%); } - :active { + :active, + .mw-ui-active { // lessphp doesn't implement shade, see above // color: shade(@textColor, 20%); color: mix(#000, @textColor, 20%); -- To view, visit https://gerrit.wikimedia.org/r/116075 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I6152c963f15420f1dcb3086e077163d28d6c6e2d Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/core Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Adjustments of colours and layout - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/116092 Change subject: Adjustments of colours and layout .. Adjustments of colours and layout changes include: * Aligning license and usage boxes with content above. * Limit the maximum size for the licensing box when open. * Adjust font sizes and colours to adjust the alance in the prominence of each part. Change-Id: I0e4465baaf7a9f7830b95a8d731256d6b4974e17 --- M resources/mmv/ui/mmv.ui.fileUsage.less M resources/mmv/ui/mmv.ui.less M resources/mmv/ui/mmv.ui.metadataPanel.less M resources/mmv/ui/mmv.ui.permission.less 4 files changed, 21 insertions(+), 13 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/92/116092/1 diff --git a/resources/mmv/ui/mmv.ui.fileUsage.less b/resources/mmv/ui/mmv.ui.fileUsage.less index 9f168ec..1eed259 100644 --- a/resources/mmv/ui/mmv.ui.fileUsage.less +++ b/resources/mmv/ui/mmv.ui.fileUsage.less @@ -3,9 +3,9 @@ .mw-mlb-fileusage-container { @box-color: #FF; @heading-color: #F8F8F8; - @inner-border-color: #DD; - @outer-border-color: #C9C9C9; - @box-shadow-color: #D0D0D0; + @inner-border-color: #EE; + @outer-border-color: #DD; + @box-shadow-color: #C9C9C9; @info-color: #565656; display: inline-block; @@ -17,13 +17,14 @@ } h3 { + margin-left: 20px; color: @info-color; font-weight: normal; font-size: 1.1em; } ul { - margin: 0 30px 10px 0; + margin: 0 20px; border: 1px solid @outer-border-color; border-bottom: 2px solid @box-shadow-color; .box-round(3px); diff --git a/resources/mmv/ui/mmv.ui.less b/resources/mmv/ui/mmv.ui.less index d68f9ef..06a4342 100644 --- a/resources/mmv/ui/mmv.ui.less +++ b/resources/mmv/ui/mmv.ui.less @@ -2,8 +2,8 @@ .mw-mlb-info-box { @box-color: #FF; - @border-color: #C9C9C9; - @border-shadow-color: #D0D0D0; + @border-color: #DD; + @border-shadow-color: #C9C9C9; display: inline-block; overflow: hidden; diff --git a/resources/mmv/ui/mmv.ui.metadataPanel.less b/resources/mmv/ui/mmv.ui.metadataPanel.less index d9962c6..93c3ef0 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanel.less +++ b/resources/mmv/ui/mmv.ui.metadataPanel.less @@ -2,10 +2,14 @@ .mw-mlb-label { color: #33; - margin-left: 3px; + margin-left: 6px; .box-round(3px); padding: 2px 5px; - background-color: #c9c9c9; + background-color: #dd; + font-size: 0.9em; + :hover { + background-color: #c9c9c9; + } } .mw-mlb-image-metadata-column { diff --git a/resources/mmv/ui/mmv.ui.permission.less b/resources/mmv/ui/mmv.ui.permission.less index 944d9e2..d24cdcc 100644 --- a/resources/mmv/ui/mmv.ui.permission.less +++ b/resources/mmv/ui/mmv.ui.permission.less @@ -5,7 +5,7 @@ position: relative; width: 90%; - margin: 10px 5% 0; + margin: 10px 20px 0; .empty { display: none; @@ -15,15 +15,15 @@ margin: 10px; padding: 0; color: #565656; - font-size: 1em; + font-size: 0.95em; } .mw-mlb-permission-close { display: none; position: absolute; - top: 5px; - right: 5px; + top: 12px; + right: 8px; width: 16px; height: 16px; @@ -65,8 +65,10 @@ } .mw-mlb-permission-html { - margin: 0 10px 10px; + padding: 0 15px 15px; display: none; + max-height: 400px; + overflow: auto; } .full-size { @@ -80,6 +82,7 @@ .mw-mlb-permission-html { display: block; + border-top: 1px solid #f0f0f0; } } } -- To view, visit https://gerrit.wikimedia.org/r/116092 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I0e4465baaf7a9f7830b95a8d731256d6b4974e17 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Avoid long words to break the column layout - change (mediawiki...ContentTranslation)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/115890 Change subject: Avoid long words to break the column layout .. Avoid long words to break the column layout In a multi-column layout, long words such as a URL may extend beyond the column limits if it is not wraped. This patchset solves this by adjusting the word-wrap property. Change-Id: Ifef0938675f11e61b0207edff5197b6168931e56 --- M modules/base/styles/ext.cx.base.less 1 file changed, 1 insertion(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation refs/changes/90/115890/1 diff --git a/modules/base/styles/ext.cx.base.less b/modules/base/styles/ext.cx.base.less index a41d872..8ff77a0 100644 --- a/modules/base/styles/ext.cx.base.less +++ b/modules/base/styles/ext.cx.base.less @@ -31,6 +31,7 @@ .cx-column { .mw-ui-item; .mw-ui-one-third; + word-wrap: break-word; } .cx-column--source, -- To view, visit https://gerrit.wikimedia.org/r/115890 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ifef0938675f11e61b0207edff5197b6168931e56 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Small font and layout adjustments - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/115940 Change subject: Small font and layout adjustments .. Small font and layout adjustments Some styling adjustments to: * Make description fonts not to be de-emphasized in comparison to license terms. * Avoid metadata on the right to wrap when there is enough space. Change-Id: I49514060dec200d93489d2b853a1dfdc1bfa5f46 --- M resources/mmv/mmv.less M resources/mmv/ui/mmv.ui.permission.less 2 files changed, 6 insertions(+), 8 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/40/115940/1 diff --git a/resources/mmv/mmv.less b/resources/mmv/mmv.less index 9b3b570..5dcd850 100644 --- a/resources/mmv/mmv.less +++ b/resources/mmv/mmv.less @@ -173,10 +173,6 @@ overflow-y: auto; } -.mw-mlb-image-links-div { - width: 50%; -} - .mw-mlb-image-desc-div, .mw-mlb-image-links-div { display: inline-block; @@ -188,7 +184,7 @@ margin-bottom: 15px; } -@littlefont: 0.8em; +@littlefont: 0.9em; .mw-mlb-caption, .mw-mlb-image-desc { diff --git a/resources/mmv/ui/mmv.ui.permission.less b/resources/mmv/ui/mmv.ui.permission.less index 452a9f2..944d9e2 100644 --- a/resources/mmv/ui/mmv.ui.permission.less +++ b/resources/mmv/ui/mmv.ui.permission.less @@ -15,6 +15,7 @@ margin: 10px; padding: 0; color: #565656; + font-size: 1em; } .mw-mlb-permission-close { @@ -32,8 +33,8 @@ } .mw-mlb-permission-text { - @text-font-size: 1em; - @text-line-height: 1.2; + @text-font-size: 0.9em; + @text-line-height: 1.4; @lines-shown: 3; position: relative; @@ -43,6 +44,7 @@ margin: 0 10px 10px; font-size: @text-font-size; line-height: @text-line-height; + color: #55; .mw-mlb-permission-text-fader { position: absolute; @@ -57,7 +59,7 @@ a { padding: 3px 0 0 1em; background-color: white; - font-size: small; + font-size: 1em; } } } -- To view, visit https://gerrit.wikimedia.org/r/115940 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I49514060dec200d93489d2b853a1dfdc1bfa5f46 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Experiment to illustrate the opening animation - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/115368 Change subject: Experiment to illustrate the opening animation .. Experiment to illustrate the opening animation This is just an experiment to illustrate the how to make a more subtle version of the panel animation. Do not merge this code without serious refactoring first. Change-Id: Id6705b63b26d8be341e77352924cad6ac4b73da1 --- M resources/mmv/mmv.js M resources/mmv/mmv.less 2 files changed, 43 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/68/115368/1 diff --git a/resources/mmv/mmv.js b/resources/mmv/mmv.js index 3878625..24ed212 100755 --- a/resources/mmv/mmv.js +++ b/resources/mmv/mmv.js @@ -416,9 +416,11 @@ MMVP.animateMetadataDivOnce = function () { if ( !this.hasAnimatedMetadata ) { this.hasAnimatedMetadata = true; - $.scrollTo( 20, 300 ) - .scrollTo( 0, 300 ); + $(.mlb-post-image).addClass(invite); + /*$.scrollTo( 10, 400 ) + .scrollTo( 0, 400 );*/ } + $(.mlb-post-image).css(opacity,1); return $.scrollTo.window().promise(); }; diff --git a/resources/mmv/mmv.less b/resources/mmv/mmv.less index 173565c..6dbd833 100644 --- a/resources/mmv/mmv.less +++ b/resources/mmv/mmv.less @@ -81,8 +81,47 @@ background-color: @metadata-background; position: absolute; min-height: (@bottom-height + 1); + opacity:0; + .invite { + -webkit-animation-name: invite-animation; + -webkit-animation-duration: 0.5s; + animation-name: invite-animation; + animation-duration: 0.5s; + } } +@-webkit-keyframes invite-animation { + 0% { + opacity:0.6; + margin-top: 5px; + } + 50% { + opacity: 0.9; + margin-top: -3px; + } + 100% { + opacity:1; + margin-top: 0; + } +} + +@keyframes invite-animation { + 0% { + opacity:0.6; + margin-top: 5px; + } + 50% { + opacity: 0.9; + margin-top: -3px; + } + 100% { + opacity:1; + margin-top: 0; + } +} + + + .mlb-controls { height: auto; border-bottom: 1px solid #cc; -- To view, visit https://gerrit.wikimedia.org/r/115368 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Id6705b63b26d8be341e77352924cad6ac4b73da1 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Icons for share link and assessments - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/112024 Change subject: Icons for share link and assessments .. Icons for share link and assessments Added SVG assets for link (normal and hover states) and the assessments trophy icon. Change-Id: I5b5673fb8767628922c6b1ccbe658a0b3df56e0f --- A resources/mmv/img/assessments.svg A resources/mmv/img/link-hover.svg A resources/mmv/img/link.svg 3 files changed, 92 insertions(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/24/112024/1 diff --git a/resources/mmv/img/assessments.svg b/resources/mmv/img/assessments.svg new file mode 100644 index 000..399ed37 --- /dev/null +++ b/resources/mmv/img/assessments.svg @@ -0,0 +1,42 @@ +?xml version=1.0 encoding=utf-8? +!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -- +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; x=0px y=0px +viewBox=0 0 14.633 17.227 enable-background=new 0 0 14.633 17.227 xml:space=preserve +g + path fill=#BB d=M11.388,14.167H9.195c-0.233,0-0.486-0.18-0.562-0.4c0,0-0.349-1.012-0.583-2.183 + c-0.104-0.519-0.199-1.064-0.199-1.064C7.811,10.29,7.93,9.987,8.116,9.847c0,0,3.016-2.278,3.466-4.531 + c0.41-2.048,0.288-4.892,0.288-4.892C11.861,0.191,11.662,0,11.429,0H3.204C2.971,0,2.772,0.191,2.762,0.423 + c0,0-0.121,2.845,0.288,4.892c0.451,2.253,3.467,4.531,3.467,4.531c0.186,0.14,0.305,0.443,0.265,0.673 + c0,0-0.095,0.545-0.199,1.064C6.349,12.755,6,13.767,6,13.767c-0.076,0.22-0.329,0.4-0.562,0.4H3.245 + c-0.233,0-0.424,0.191-0.424,0.424v2.212c0,0.233,0.191,0.424,0.424,0.424h8.143c0.233,0,0.424-0.191,0.424-0.424v-2.212 + C11.812,14.358,11.621,14.167,11.388,14.167z/ + path fill=#BB d=M14.543,2.897c-0.052-0.216-0.125-0.431-0.243-0.648c-0.12-0.224-0.313-0.45-0.55-0.595 + c-0.237-0.148-0.508-0.22-0.761-0.222c-0.254-0.004-0.49,0.055-0.696,0.15c-0.042,0.02-0.042,0.02-0.042,0.02 + c-0.044,0.025-0.082,0.14-0.083,0.257l-0.006,0.298c-0.003,0.116,0.088,0.191,0.202,0.166c0,0,0.028-0.006,0.14-0.01 + c0.14-0.004,0.269,0.014,0.374,0.054c0.053,0.018,0.099,0.044,0.138,0.071c0.04,0.026,0.072,0.057,0.1,0.089 + c0.028,0.032,0.05,0.067,0.071,0.105c0.01,0.019,0.01,0.019,0.01,0.019c0.01,0.023,0.019,0.046,0.022,0.052 + c0.002,0.006,0.01,0.025,0.011,0.03c0.001,0.005,0.003,0.009,0.003,0.009c0,0.001,0,0.002,0,0.002c0,0.001,0,0,0,0 + c0-0.001-0.001-0.002,0,0c0.001,0.002,0.003,0.008,0.005,0.012c0.002,0.004,0.029,0.1,0.06,0.212c0,0,0.01,0.037,0.03,0.174 + c0.038,0.278,0.04,0.584,0.007,0.881c-0.033,0.295-0.104,0.592-0.208,0.816c-0.026,0.056-0.053,0.105-0.079,0.147 + c-0.014,0.022-0.023,0.036-0.04,0.057c-0.018,0.023-0.037,0.044-0.059,0.066c-0.085,0.09-0.184,0.173-0.287,0.236 + c-0.207,0.128-0.42,0.191-0.68,0.154c-0.046-0.006-0.046-0.006-0.046-0.006c-0.053-0.013-0.121,0.068-0.151,0.18l-0.112,0.366 + c-0.039,0.11-0.044,0.216-0.012,0.235c0,0,0,0,0.032,0.016c0.208,0.106,0.452,0.172,0.701,0.179 + c0.249,0.01,0.497-0.039,0.722-0.123c0.226-0.086,0.43-0.204,0.616-0.351c0.046-0.037,0.092-0.078,0.137-0.12 + c0.046-0.043,0.096-0.097,0.137-0.147c0.085-0.101,0.154-0.205,0.213-0.308c0.118-0.207,0.199-0.416,0.261-0.624 + c0.062-0.208,0.103-0.417,0.128-0.626C14.653,3.75,14.643,3.327,14.543,2.897z/ + path fill=#BB d=M2.975,6.271c0.032-0.02,0.027-0.126-0.012-0.235L2.85,5.67C2.82,5.558,2.752,5.476,2.699,5.49 + c0,0,0,0-0.046,0.006C2.393,5.533,2.18,5.47,1.973,5.342C1.87,5.279,1.77,5.196,1.685,5.106C1.663,5.083,1.645,5.062,1.627,5.04 + C1.61,5.018,1.6,5.004,1.586,4.982C1.561,4.941,1.533,4.891,1.508,4.836C1.405,4.612,1.333,4.315,1.3,4.019 + C1.266,3.722,1.268,3.416,1.307,3.138c0.019-0.137,0.029-0.174,0.029-0.174c0.031-0.112,0.059-0.207,0.06-0.212 + s0.004-0.01,0.005-0.012c0.001-0.002,0-0.001,0,0c0,0.001-0.001,0.001,0,0.001c0,0,0-0.001,0-0.002c0,0,0.002-0.005,0.003-0.009 + c0.002-0.005,0.009-0.024,0.011-0.03c0.002-0.006,0.012-0.029,0.022-0.052c0,0,0,0,0.01-0.019c0.02-0.038,0.043-0.073,0.07-0.105 + c0.027-0.033,0.06-0.063,0.1-0.089c0.04-0.027,0.085-0.053,0.138-0.071C1.86,2.324,1.989,2.306,2.129,2.31 + c0.112,0.004,0.14,0.01,0.14,0.01C2.382,2.345,2.473,2.271,2.47,2.154L2.465,1.857C2.463,1.74,2.426,1.625,2.382,1.6 + c0,0,0,0-0.042-0.02c-0.206-0.095-0.442-0.154-0.696-0.15C1.391,1.432,1.12,1.505,0.883,1.653c-0.237,0.145-0.431,0.371-0.55,0.595 +
[MediaWiki-commits] [Gerrit] Use chevron for panel opening affordance - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/106244 Change subject: Use chevron for panel opening affordance .. Use chevron for panel opening affordance replaces the drag image with a chevron and adds CSS classes to adjust the opacity changes. Change-Id: I689c7ff3c952f1ec2b8b16258dc44b1ad095f4fa --- M resources/ext.multimediaViewer/ext.multimediaViewer.css M resources/ext.multimediaViewer/img/drag.svg 2 files changed, 28 insertions(+), 50 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/44/106244/1 diff --git a/resources/ext.multimediaViewer/ext.multimediaViewer.css b/resources/ext.multimediaViewer/ext.multimediaViewer.css index 53abdbe..db8c7b9 100644 --- a/resources/ext.multimediaViewer/ext.multimediaViewer.css +++ b/resources/ext.multimediaViewer/ext.multimediaViewer.css @@ -355,4 +355,10 @@ background-repeat: no-repeat; background-position: center bottom; margin: 0 auto; + opacity: 0.6; + transition: opacity 0.25s; } + +.mlb-post-image:hover .mw-mlb-drag-icon { + opacity: 1; +} \ No newline at end of file diff --git a/resources/ext.multimediaViewer/img/drag.svg b/resources/ext.multimediaViewer/img/drag.svg index 36dd3c0..4bc822a 100644 --- a/resources/ext.multimediaViewer/img/drag.svg +++ b/resources/ext.multimediaViewer/img/drag.svg @@ -26,53 +26,25 @@ /defs - rect - width=3.229414 - height=3.2007201 - x=3.8258696 - y=3.1988635 - id=rect5 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=10.284697 - y=3.1988635 - id=rect7 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=16.743525 - y=3.1988635 - id=rect9 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=16.743525 - y=9.6004152 - id=rect11 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=23.202465 - y=3.1988635 - id=rect13 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=23.202465 - y=9.6004152 - id=rect15 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=10.284697 - y=9.6004152 - id=rect17 - style=fill:#cc;fill-opacity:1 /rect - width=3.229414 - height=3.2007201 - x=3.8258696 - y=9.6004152 - id=rect19 - style=fill:#cc;fill-opacity:1 / -/svg \ No newline at end of file + +g + transform=translate(-0.23273449,-1.0139907) + id=g4307 /rect + width=14.503055 + height=1.4892824 + rx=0.25 + ry=0.25 + x=15.244375 + y=-3.4744322 + transform=matrix(0.8660254,0.5,-0.5,0.8660254,0,0) + id=rect3035-9-6 + style=fill:#aa;fill-opacity:1;stroke:none /rect + width=14.503055 + height=1.4892824 + rx=0.25 + ry=0.25 + x=-10.736385 + y=-13.01485 + transform=matrix(-0.8660254,0.5,-0.5,-0.8660254,0,0) + id=rect3035-9-6-4 + style=fill:#aa;fill-opacity:1;stroke:none //svg \ No newline at end of file -- To view, visit https://gerrit.wikimedia.org/r/106244 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I689c7ff3c952f1ec2b8b16258dc44b1ad095f4fa Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Styling fixes for media panel - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/105960 Change subject: Styling fixes for media panel .. Styling fixes for media panel Color and position adjustments on panel elements: * Background * Line separation * License text Change-Id: Ib8c5557503ec6a28b9761220a251cf4ac4742182 --- M resources/ext.multimediaViewer/ext.multimediaViewer.css M resources/multilightbox/multilightbox.css 2 files changed, 8 insertions(+), 9 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/60/105960/1 diff --git a/resources/ext.multimediaViewer/ext.multimediaViewer.css b/resources/ext.multimediaViewer/ext.multimediaViewer.css index 3b9d1fb..efcfb76 100644 --- a/resources/ext.multimediaViewer/ext.multimediaViewer.css +++ b/resources/ext.multimediaViewer/ext.multimediaViewer.css @@ -28,16 +28,12 @@ bottom: auto; height: auto; background-color: #fbfbfb; + position: absolute; + min-height: 83px; } .mlb-controls { height: auto; -} - -.mlb-post-image { - background-color: #e4e2e1; - position: absolute; - min-height: 83px; } .mw-mlb-controls { @@ -174,7 +170,7 @@ } .mw-mlb-image-desc { - color: #6f7073; + color: #55; } .mw-mlb-image-links li { @@ -228,7 +224,10 @@ } .mw-mlb-license { + color: #88; + font-size: 0.9em; padding-left: 10px; + vertical-align: baseline; } .mw-mlb-license.empty { @@ -240,7 +239,7 @@ /* @embed */ background-image: url(img/cc.svg); display: inline-block; - vertical-align: middle; + vertical-align: text-bottom; height: 20px; width: 20px; content: ' '; diff --git a/resources/multilightbox/multilightbox.css b/resources/multilightbox/multilightbox.css index c90cda8..cc17a81 100644 --- a/resources/multilightbox/multilightbox.css +++ b/resources/multilightbox/multilightbox.css @@ -73,7 +73,7 @@ .mlb-controls { height: 32px; width: 100%; - border-bottom: 1px solid #7d7c81; + border-bottom: 1px solid #cc; } .mlb-close, -- To view, visit https://gerrit.wikimedia.org/r/105960 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ib8c5557503ec6a28b9761220a251cf4ac4742182 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix translation text to overflow on narrow columns - change (mediawiki...Translate)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/102408 Change subject: Fix translation text to overflow on narrow columns .. Fix translation text to overflow on narrow columns When translations made by an user contain very long words the text can overlap with the next column. This CSS fix makes words to wrap when they do not fit the available space. Change-Id: Id137f40bafec273e88a2019e94845e5afecc2690 --- M resources/css/ext.translate.special.translatesandbox.css 1 file changed, 1 insertion(+), 0 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Translate refs/changes/08/102408/1 diff --git a/resources/css/ext.translate.special.translatesandbox.css b/resources/css/ext.translate.special.translatesandbox.css index 844320d..a88d379 100644 --- a/resources/css/ext.translate.special.translatesandbox.css +++ b/resources/css/ext.translate.special.translatesandbox.css @@ -231,6 +231,7 @@ border-bottom: 1px solid #c9c8c8; padding: 10px; font-size: 16px; + word-wrap: break-word; } .translations .title { -- To view, visit https://gerrit.wikimedia.org/r/102408 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Id137f40bafec273e88a2019e94845e5afecc2690 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Translate Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Styling adjustmants on the bottom panel - change (mediawiki...MultimediaViewer)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/100362 Change subject: Styling adjustmants on the bottom panel .. Styling adjustmants on the bottom panel CSS adjustments for the metadata panel of Media Viewer. Changes include: - Panel colur - Text spacing and colour. - Positioning of license image with respect to text. Change-Id: I3dd1a462842cf2cf955cfc5788b24b0e29cb3f6c --- M resources/ext.multimediaViewer/ext.multimediaViewer.css M resources/multilightbox/multilightbox.css 2 files changed, 14 insertions(+), 7 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/MultimediaViewer refs/changes/62/100362/1 diff --git a/resources/ext.multimediaViewer/ext.multimediaViewer.css b/resources/ext.multimediaViewer/ext.multimediaViewer.css index b27f87d..89a96f6 100644 --- a/resources/ext.multimediaViewer/ext.multimediaViewer.css +++ b/resources/ext.multimediaViewer/ext.multimediaViewer.css @@ -12,12 +12,13 @@ .mlb-controls { height: auto; +color: #22; } .mlb-post-image { position: absolute; height: auto; - background-color: #e4e2e1; + background-color: #fbfbfb; } .mw-mlb-controls-position { @@ -122,8 +123,9 @@ .mw-mlb-image-metadata { width: 100%; - background-color: #e4e2e1; + background-color: #fbfbfb; position: relative; +padding-top: 10px; } .mw-mlb-image-desc-div { @@ -143,7 +145,7 @@ } .mw-mlb-image-desc { - color: #6f7073; + color: #55; } .mw-mlb-image-links li { @@ -197,7 +199,9 @@ } .mw-mlb-license { - padding-left: 10px; +color: #88; + padding-left: 15px; +font-size: 0.9em; } .mw-mlb-license.empty { @@ -209,7 +213,7 @@ /* @embed */ background-image: url(img/cc.svg); display: inline-block; - vertical-align: middle; + vertical-align: text-bottom; height: 20px; width: 20px; content: ' '; @@ -238,7 +242,8 @@ .mw-mlb-credit, .mw-mlb-image-desc, .mw-mlb-mmv-about-links { - padding-left: 20px; + padding: 0 0 5px 15px; +margin:0; } .mw-mlb-mmv-about-links { diff --git a/resources/multilightbox/multilightbox.css b/resources/multilightbox/multilightbox.css index c90cda8..ec78b61 100644 --- a/resources/multilightbox/multilightbox.css +++ b/resources/multilightbox/multilightbox.css @@ -73,7 +73,9 @@ .mlb-controls { height: 32px; width: 100%; - border-bottom: 1px solid #7d7c81; + border-bottom: 1px solid #cc; +padding-top: 10px; +padding-bottom: 5px } .mlb-close, -- To view, visit https://gerrit.wikimedia.org/r/100362 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3dd1a462842cf2cf955cfc5788b24b0e29cb3f6c Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/MultimediaViewer Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix vertical alignment for language selector - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/94870 Change subject: Fix vertical alignment for language selector .. Fix vertical alignment for language selector The language selector trigger has an icon next to it that should point to the language label but was missaligned. Padding-based positioning uses now margin so that the background image affect the pecific element. Change-Id: Id27c862d34fa2ec71356c6932ca210ba2d264014 --- M resources/css/ext.translate.mainpage.css 1 file changed, 2 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/70/94870/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index e5d0aba..291c8e9 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -27,10 +27,10 @@ } .twn-mainpage-header .uls-trigger { - background-position: bottom left; + background-position: center left; padding-left: 30px; color: #3366BB; - padding-top: 50px; + margin-top: 50px; cursor: pointer; display: inline-block; } -- To view, visit https://gerrit.wikimedia.org/r/94870 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Id27c862d34fa2ec71356c6932ca210ba2d264014 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Fix for button sizes - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/94872 Change subject: Fix for button sizes .. Fix for button sizes The CSS avoids using explicit height to make sure that the buttons can grow when the text inside becomes longer in some languages (where it may need an addiional line). The selector rule has been modified to make sure that min-height was not overriden by the one defined at .column class. Change-Id: I7afb9fa1ad006685cd9946a632312645b75c7066 --- M resources/css/ext.translate.mainpage.css 1 file changed, 3 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/72/94872/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index e5d0aba..528b030 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -164,10 +164,9 @@ color: #252525; } -.main-widget button { - height: 32px; +.main-widget button.button { + min-height: 32px; padding: 10px; - font-size: 20pt; margin: 10px; } @@ -257,7 +256,7 @@ .ranking .button { min-width: 80%; - min-height: 30px; + min-height: 32px; } .ranking .count-description { -- To view, visit https://gerrit.wikimedia.org/r/94872 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I7afb9fa1ad006685cd9946a632312645b75c7066 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Optimize Cog sprite SVG - change (mediawiki...UniversalLanguageSelector)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/94324 Change subject: Optimize Cog sprite SVG .. Optimize Cog sprite SVG Reducing the size of the SVG by: - Simplifying the shape (two anchor points removed) - Removal of XML attributes not needed (namespace declarations not used, attributes with the default value, etc.) Change-Id: I3dc810313d1bd9ebd5933a92ee90210cbf6f4fb4 --- M resources/images/cog-sprite.svg 1 file changed, 3 insertions(+), 29 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/UniversalLanguageSelector refs/changes/24/94324/1 diff --git a/resources/images/cog-sprite.svg b/resources/images/cog-sprite.svg index dacda0e..242be14 100644 --- a/resources/images/cog-sprite.svg +++ b/resources/images/cog-sprite.svg @@ -1,29 +1,3 @@ -?xml version=1.0 encoding=UTF-8 standalone=no? -!-- Created with Inkscape (http://www.inkscape.org/) -- - -svg - xmlns:dc=http://purl.org/dc/elements/1.1/; - xmlns:cc=http://creativecommons.org/ns#; - xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#; - xmlns:svg=http://www.w3.org/2000/svg; - xmlns=http://www.w3.org/2000/svg; - version=1.1 - width=14 - height=32 - viewBox=0 0 14 32 - id=Layer_1 - xml:space=preservemetadata - id=metadata8rdf:RDFcc:Work - rdf:about=dc:formatimage/svg+xml/dc:formatdc:type - rdf:resource=http://purl.org/dc/dcmitype/StillImage; /dc:title/dc:title/cc:Work/rdf:RDF/metadatadefs - id=defs6 / - -path - d=m 6.032,17 c -0.231,0 -0.418,0.187 -0.418,0.418 v 1.064 c -0.541,0.134 -1.062,0.35 -1.551,0.645 l -0.75,-0.75 c -0.164,-0.164 -0.429,-0.164 -0.593,0 l -1.36,1.36 c -0.164,0.164 -0.164,0.429 0,0.593 l 0.75,0.75 C 1.818,21.568 1.615,22.095 1.483,22.631 H 0.418 C 0.187,22.631 0,22.818 0,23.05 v 1.918 c 0,0.231 0.187,0.419 0.418,0.419 h 1.046 c 0.134,0.541 0.351,1.061 0.645,1.551 l -0.75,0.75 c -0.164,0.164 -0.164,0.429 0,0.593 l 1.36,1.36 c 0.164,0.164 0.429,0.164 0.593,0 l 0.75,-0.75 c 0.491,0.297 1.01,0.493 1.551,0.627 v 1.064 C 5.614,30.813 5.801,31 6.032,31 H 7.95 c 0.231,0 0.419,-0.187 0.419,-0.418 V 29.518 C 8.911,29.385 9.43,29.185 9.92,28.891 l 0.75,0.75 c 0.164,0.164 0.429,0.164 0.593,0 l 1.36,-1.36 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -0.75,-0.75 c 0.295,-0.488 0.51,-1.014 0.645,-1.551 h 1.064 C 13.813,25.387 14,25.199 14,24.968 V 23.05 c 0,-0.231 -0.187,-0.419 -0.418,-0.419 H 12.518 C 12.385,22.094 12.164,21.567 11.873,21.08 l 0.75,-0.75 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -1.36,-1.36 c -0.164,-0.164 -0.429,-0.164 -0.593,0 l -0.75,0.75 C 9.43,18.833 8.908,18.615 8.369,18.482 V 17.418 C 8.369,17.187 8.182,17 7.95,17 H 6.032 z m 0.889,4.358 c 0.678,-0.018 1.37,0.212 1.901,0.715 1.062,1.007 1.111,2.687 0.104,3.749 -1.005,1.059 -2.686,1.105 -3.749,0.104 -1.062,-1.007 -1.112,-2.687 -0.105,-3.749 0.505,-0.531 1.172,-0.8 1.849,-0.819 z - id=rect3381-0 - style=fill:#55 / -path - d=M 6.032,1 C 5.801,1 5.614,1.187 5.614,1.418 V 2.481 C 5.073,2.616 4.552,2.833 4.062,3.127 L 3.312,2.377 C 3.148,2.213 2.883,2.213 2.719,2.377 l -1.36,1.36 c -0.164,0.164 -0.164,0.429 0,0.593 l 0.75,0.75 C 1.817,5.568 1.615,6.095 1.482,6.631 H 0.418 C 0.187,6.631 0,6.818 0,7.05 v 1.918 c 0,0.231 0.187,0.418 0.418,0.418 h 1.046 c 0.134,0.542 0.351,1.062 0.645,1.551 l -0.75,0.75 c -0.164,0.164 -0.164,0.429 0,0.593 l 1.36,1.36 c 0.164,0.164 0.429,0.164 0.593,0 l 0.75,-0.75 c 0.491,0.296 1.01,0.493 1.551,0.627 V 14.58 C 5.614,14.813 5.801,15 6.032,15 H 7.95 c 0.231,0 0.419,-0.187 0.419,-0.418 V 13.519 C 8.911,13.385 9.43,13.186 9.92,12.892 l 0.75,0.75 c 0.164,0.164 0.429,0.164 0.593,0 l 1.36,-1.36 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -0.75,-0.75 c 0.295,-0.489 0.51,-1.013 0.645,-1.551 h 1.064 C 13.813,9.386 14,9.199 14,8.968 V 7.05 C 14,6.818 13.813,6.632 13.582,6.632 H 12.518 C 12.385,6.094 12.164,5.567 11.873,5.08 l 0.75,-0.75 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -1.36,-1.36 c -0.164,-0.164 -0.429,-0.164 -0.593,0 L 9.92,3.127 C 9.43,2.833 8.908,2.615 8.369,2.482 V 1.418 C 8.369,1.187 8.182,1 7.95,1 H 6.032 z M 6.921,5.358 C 7.6,5.341 8.291,5.57 8.822,6.073 9.884,7.081 9.934,8.76 8.927,9.822 7.922,10.882 6.241,10.927 5.178,9.927 4.116,8.919 4.066,7.24 5.073,6.178 5.577,5.647 6.244,5.376 6.921,5.358 z - id=path3059 - style=fill:#808080 / -/svg \ No newline at end of file +?xml version=1.0 encoding=utf-8? +!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd; +svg version=1.1 xmlns=http://www.w3.org/2000/svg; width=14px height=32pxpath fill=#808080
[MediaWiki-commits] [Gerrit] Styling for sign-up form - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/91618 Change subject: Styling for sign-up form .. Styling for sign-up form CSS adjustment for the sign-up form. Change-Id: I26caa68a48e9de31222623c8ab6bf6690a7795d9 --- M resources/css/ext.translate.mainpage.css 1 file changed, 13 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/18/91618/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index 05746aa..39dca69 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -178,8 +178,12 @@ } /* Signup styles start here. They are here to avoid FOUC. */ +.login-widget button:disabled { + opacity: 0.6; +} + .login-widget .dev-signup { - background-color: #f2eae2; + border-top: 1px solid #DD; cursor: pointer; padding: 10px; } @@ -202,6 +206,14 @@ border-radius: 4px; } +.login-widget .signup-language-selector:hover { + background-color: #e5e5e5; +} + +.login-widget .signup-languages { + padding-top: 5px; +} + .login-widget .invalid { background-color: red; } -- To view, visit https://gerrit.wikimedia.org/r/91618 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I26caa68a48e9de31222623c8ab6bf6690a7795d9 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Sandbox review styling - change (mediawiki...Translate)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/91365 Change subject: Sandbox review styling .. Sandbox review styling CSS adjustments on typography and layout. Change-Id: I501021fc82b00c2df9e8605a7008c7423cc43736 --- M resources/css/ext.translate.special.translatesandbox.css 1 file changed, 16 insertions(+), 5 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Translate refs/changes/65/91365/1 diff --git a/resources/css/ext.translate.special.translatesandbox.css b/resources/css/ext.translate.special.translatesandbox.css index af5e3f3..8f3b56e 100644 --- a/resources/css/ext.translate.special.translatesandbox.css +++ b/resources/css/ext.translate.special.translatesandbox.css @@ -34,6 +34,13 @@ .requests.pane, .details.pane { border-top: 1px solid #d3d2d2; + overflow: auto; +} + +.details.pane { + border-left: 1px solid #DD; + left: -1px; + padding: 5px 20px 10px 20px; } /* Requests pane */ @@ -99,22 +106,26 @@ /* Details pane */ -.details.pane div { - padding: 20px 0 0 20px; +.details.pane .row { + padding-top: 15px; } .details.pane .username { font-size: 30px; + font-weight: lighter; } .details.pane .email { - font-size: 14px; color: #6c6d70; + font-size: 14px; + padding-top: 15px; } .details.pane .languages { color: #6c6d70; - font-size: 14px; + font-size: 16px; + font-weight: lighter; + padding-top: 10px; } .details.pane .languages span { @@ -122,7 +133,7 @@ } .details.pane .actions { - font-size: 26px; + font-size: 22px; } .actions .button { -- To view, visit https://gerrit.wikimedia.org/r/91365 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I501021fc82b00c2df9e8605a7008c7423cc43736 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Translate Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Styling review for translator stash editor - change (mediawiki...Translate)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/90891 Change subject: Styling review for translator stash editor .. Styling review for translator stash editor CSS adjustments to: * Hide irrelevant information for the task (list of messages, close action, and edit documentation link) * Align editor * Other layout and colur adjustments Change-Id: Iebd1f47eb7d3ea16257f4763c8b3c4410925742d --- M resources/css/ext.translate.special.translationstash.css 1 file changed, 25 insertions(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Translate refs/changes/91/90891/1 diff --git a/resources/css/ext.translate.special.translationstash.css b/resources/css/ext.translate.special.translationstash.css index a1ea00e..9168a91 100644 --- a/resources/css/ext.translate.special.translationstash.css +++ b/resources/css/ext.translate.special.translationstash.css @@ -38,7 +38,8 @@ .translate-stash-control { font-size: 1.5em; - padding: 30px 10px 15px 5px; + color: #55; + padding: 35px 10px 20px 5px; } .ext-translate-language-selector-label { @@ -63,6 +64,29 @@ vertical-align: middle; } +.tux-messagelist { + padding: 0 20px; + background: none; +} + .messagekey { visibility: hidden; } + +.message-desc-control, +.layout-actions .close, +.tux-message-item { + display: none; +} + +.tux-message:first-child .tux-message-item { + border-top: 1px solid #C9C9C9; +} + +.tux-message-item.translated { + display: block; +} + +.sourcemessage { + top: -10px; +} -- To view, visit https://gerrit.wikimedia.org/r/90891 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Iebd1f47eb7d3ea16257f4763c8b3c4410925742d Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Translate Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Layout adjustments for translation stash - change (mediawiki...Translate)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/88951 Change subject: Layout adjustments for translation stash .. Layout adjustments for translation stash Small CSS fixes to align UI elements. Change-Id: Iafd601665c3ff29c78c233df2f0b423a7d5b0a28 --- M resources/css/ext.translate.special.translationstash.css 1 file changed, 4 insertions(+), 2 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Translate refs/changes/51/88951/1 diff --git a/resources/css/ext.translate.special.translationstash.css b/resources/css/ext.translate.special.translationstash.css index 394549c..cffc26f 100644 --- a/resources/css/ext.translate.special.translationstash.css +++ b/resources/css/ext.translate.special.translationstash.css @@ -19,13 +19,15 @@ } .translate-welcome-header { - background-color: #F6F6F6; + background-color: #F8F8F8; + background-image: linear-gradient(#fAFAFA, #f8f8f8); + border-bottom: 1px solid #eee; padding: 10px; } .translate-stash-control { - padding: 10px; font-size: 1.5em; + padding: 30px 10px 15px 5px; } .ext-translate-language-selector-label { -- To view, visit https://gerrit.wikimedia.org/r/88951 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Iafd601665c3ff29c78c233df2f0b423a7d5b0a28 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Translate Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] CSS fixes for language selector on project tiles - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/85985 Change subject: CSS fixes for language selector on project tiles .. CSS fixes for language selector on project tiles Styling and alignment adjustment for the language selector that appears next to the project tiles to meet the styling of other buttons. The selector, the tiles and the text before and after them, have been aligned. Change-Id: I7c31b070ab21a4088dacca7987fca909c65209db --- M resources/css/ext.translate.mainpage.css 1 file changed, 17 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/85/85985/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index 01fddeb..f4822b7 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -514,13 +514,13 @@ .twn-mainpage-project-selector-title { font-size: 22px; - padding: 30px 10px 15px 10px; + padding: 30px 10px 15px 15px; } .twn-mainpage-add-project { display: block; font-size: 12pt; - padding: 15px 10px 25px 10px; + padding: 15px 10px 25px 15px; } .twn-mainpage-footer a, @@ -576,11 +576,24 @@ .same-language-uls-trigger { padding: 10px; margin-left: 10px; + border-radius: 3px; + background: #f8f8f8; + border: 1px solid #CC; + cursor: pointer; + font-size: 14px; +} +.same-language-uls-trigger:hover { + border-color: #AA; } .same-language-uls-trigger:after { - content: ▼; - padding-left: 10px; + content: ; + border-top: 4px solid #AA; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + display: inline-block; + vertical-align: middle; + margin-left: 0.5em; } /* Override group selector css to avoid pointing triangle */ -- To view, visit https://gerrit.wikimedia.org/r/85985 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I7c31b070ab21a4088dacca7987fca909c65209db Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] CSS fix to avoid long labels to break project tile layout - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/85680 Change subject: CSS fix to avoid long labels to break project tile layout .. CSS fix to avoid long labels to break project tile layout Font sizes, margins and overflow properties are applied to project tiles in order to avoid text to break the layout when strings become long (e.g., in Malayalam). Change-Id: Iaca0dbf3d182de088e7e622ba62ca83dc3e9decc --- M resources/css/ext.translate.mainpage.css 1 file changed, 10 insertions(+), 3 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/80/85680/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index fb9a57f..01fddeb 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -284,7 +284,7 @@ } .project-tile.more { - font-size: 30px; + font-size: 26px; padding: 15px; cursor: pointer; color: #555; @@ -335,16 +335,23 @@ } .twn-mainpage-project-tiles .twn-mainpage-project-tile .project-tile .project-actions { - text-align: center; + text-align: left; height: 40px; line-height: 40px; background-color: #252525; margin: 0; + overflow: hidden; } -.twn-mainpage-project-tile .action { +.twn-mainpage-project-tiles .twn-mainpage-project-tile .action { border-right: 1px solid #33; + overflow: hidden; + text-overflow: ellipsis; + color: #FF; + font-size: 14px; + padding: 0 5px 0 0; } + .twn-mainpage-project-tile .action:last-child { border: none; } -- To view, visit https://gerrit.wikimedia.org/r/85680 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Iaca0dbf3d182de088e7e622ba62ca83dc3e9decc Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Font size and spacing adjustments - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/85370 Change subject: Font size and spacing adjustments .. Font size and spacing adjustments CSS fixes to emphasize project section, and adjust the fonts for input fields and link to stats. Change-Id: Ib993801b5a9ebe8e42a1761ff7a1704e8a23ef31 --- M resources/css/ext.translate.mainpage.css 1 file changed, 3 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/70/85370/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index 28979af..bb1be31 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -156,7 +156,6 @@ padding: 6px; font-size: 16px; margin: 5px 0 5px 10px; - font-size: 16pt; outline: 0; border-style: solid; border-width: 1px; @@ -238,7 +237,7 @@ } a.langstats-link { - font-size: 14pt; + font-size: 16px; padding: 10px; } @@ -500,8 +499,8 @@ } .twn-mainpage-project-selector-title { - font-size: 16pt; - padding: 25px 10px 15px 10px; + font-size: 22px; + padding: 30px 10px 15px 10px; } .twn-mainpage-footer a, -- To view, visit https://gerrit.wikimedia.org/r/85370 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ib993801b5a9ebe8e42a1761ff7a1704e8a23ef31 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] CSS adjustments for MainPage - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/83585 Change subject: CSS adjustments for MainPage .. CSS adjustments for MainPage Several styling changes: * Language selection button * Visited link color for image attribution * Font size and alignment Change-Id: I3142b8996f661d12e51c51a06f53d3a665f130a5 --- M resources/css/ext.translate.mainpage.css M specials/SpecialTwnMainPage.php 2 files changed, 20 insertions(+), 10 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/85/83585/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index 68c6bae..05c8ae8 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -72,7 +72,8 @@ bottom: 0; } -.banner-attribution a { +.banner-attribution a, +.banner-attribution a:visited { color: #FFF; } @@ -146,13 +147,13 @@ } .main-widget label { - font-size: 14pt; + font-size: 16px; } -.main-widget input { - padding: 10px; - font-size: 16pt; - margin: 10px; +.main-widget .row input { + padding: 6px; + font-size: 16px; + margin: 5px 0 5px 10px; } .main-widget button { @@ -170,9 +171,12 @@ .signup-language-selector { font-size: 12pt; - background-color: #eee; - margin: 10px; + background-color: #E0E0E0; + margin: 5px 0 10px 5px; cursor: pointer; + padding: 4px 8px; + border: 1px solid #CC; + border-radius: 4px; } .user-stats-title { @@ -191,7 +195,9 @@ .main-widget h2 { border: none; + font-weight: lighter; color: #252525; + font-size: 20px; } .ranking { @@ -240,7 +246,7 @@ } .twn-mainpage-footer { - background-color: #E6E6E6; + background-color: #F0F0F0; height: 50px; font-size: 16px; padding: 10px; @@ -306,6 +312,10 @@ height: 140px; } +.twn-mainpage-project-tiles { + padding-bottom: 25px; +} + .twn-mainpage-project-tiles .twn-mainpage-project-tile .project-tile .project-actions { text-align: center; height: 40px; diff --git a/specials/SpecialTwnMainPage.php b/specials/SpecialTwnMainPage.php index 5c0a2c8..115c646 100644 --- a/specials/SpecialTwnMainPage.php +++ b/specials/SpecialTwnMainPage.php @@ -423,7 +423,7 @@ $out .= Html::closeElement( 'li' ); $out .= Html::closeElement( 'ul' ); $out .= Html::openElement( 'div', $row ); - $out .= Html::openElement( 'div', array( 'class' = 'eight columns offset-by-one' ) ); + $out .= Html::openElement( 'div', array( 'class' = 'eight columns' ) ); $out .= Html::element( 'div', array( 'class' = 'signup-language-selector' ), -- To view, visit https://gerrit.wikimedia.org/r/83585 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I3142b8996f661d12e51c51a06f53d3a665f130a5 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] CSS fixes for MainPage - change (mediawiki...TwnMainPage)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/83076 Change subject: CSS fixes for MainPage .. CSS fixes for MainPage CSS adjustments: * Project tile actions do not exceed their container * Project tiles are adjusted for small screens * Experimental animaion support for stats tiles * Other minnor color and border adjustments Change-Id: I4f764ae0492489247e1777a48194882ff4335921 --- M resources/css/ext.translate.mainpage.css 1 file changed, 34 insertions(+), 7 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TwnMainPage refs/changes/76/83076/1 diff --git a/resources/css/ext.translate.mainpage.css b/resources/css/ext.translate.mainpage.css index 015939a..835ce2f 100644 --- a/resources/css/ext.translate.mainpage.css +++ b/resources/css/ext.translate.mainpage.css @@ -90,16 +90,36 @@ .stats-tile { background-color: #3366BB; + background-color: rgba(51,102,187,0.9); color: white; height: 130px; margin: auto; width: 80%; padding: 10px; - opacity: 0.9; + -webkit-animation: fadein 1.5s; + animation: fadein 1.5s; +} + +@-webkit-keyframes fadein { +from { +opacity:0; +} +to { +opacity:1; +} +} + +@keyframes fadein { +from { +opacity:0; +} +to { +opacity:1; +} } .unused.stats-tile { - opacity: 0.3; + background-color: rgba(51,102,187,0.3); } .stats-number { @@ -115,9 +135,9 @@ .main-widget { background-color: #F8F8F8; + background-color: rgba(248, 248, 248, 0.95); color: #252525; max-height: 580px; - opacity: 0.95; padding: 10px; margin-left: 4%; overflow: auto; @@ -284,7 +304,7 @@ height: 140px; } -.twn-mainpage-project-tile .project-tile .project-actions { +.twn-mainpage-project-tiles .twn-mainpage-project-tile .project-tile .project-actions { text-align: center; height: 40px; line-height: 40px; @@ -292,11 +312,18 @@ margin: 0; } +.twn-mainpage-project-tile .action { + border-right: 1px solid #33; +} +.twn-mainpage-project-tile .action:last-child { + border: none; +} + .project-actions a, .project-actions a:visited { color: #FF; text-decoration: none; - padding-left: 20px; + padding-left: 24px; cursor: pointer; } @@ -471,7 +498,7 @@ margin: 5px 0; } - .row .three.columns { + .twn-mainpage .row.twn-mainpage-project-tiles .twn-mainpage-project-tile { width: 50%; } @@ -480,7 +507,7 @@ } .main-widget { - opacity: 1; + background-color: #F8F8F8; } .twn-mainpage-banner { -- To view, visit https://gerrit.wikimedia.org/r/83076 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I4f764ae0492489247e1777a48194882ff4335921 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/TwnMainPage Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] Increase initial translation area - change (mediawiki...Translate)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/78174 Change subject: Increase initial translation area .. Increase initial translation area With a higher translation area we can provide more space for suggestions. Change-Id: I1a8ff7ab080fda48e32a1e9bd8150236bdf8df17 --- M resources/css/ext.translate.editor.css 1 file changed, 1 insertion(+), 1 deletion(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/Translate refs/changes/74/78174/1 diff --git a/resources/css/ext.translate.editor.css b/resources/css/ext.translate.editor.css index df0f818..5851207 100644 --- a/resources/css/ext.translate.editor.css +++ b/resources/css/ext.translate.editor.css @@ -50,7 +50,7 @@ font-size: 16px; padding: 5px 5px 30px 5px; height: 100px; - min-height: 100px; + min-height: 150px; overflow-y: auto; position: relative; z-index: 100; -- To view, visit https://gerrit.wikimedia.org/r/78174 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I1a8ff7ab080fda48e32a1e9bd8150236bdf8df17 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/extensions/Translate Gerrit-Branch: master Gerrit-Owner: Pginer pgi...@wikimedia.org ___ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
[MediaWiki-commits] [Gerrit] More compact suggestion rows - change (mediawiki...Translate)
Pginer has submitted this change and it was merged. Change subject: More compact suggestion rows .. More compact suggestion rows Change-Id: Ie0f6900554963fd3b557689ba2d6f0ce2022be37 --- M Resources.php M Translate.i18n.php M resources/css/ext.translate.editor.css M resources/js/ext.translate.editor.helpers.js 4 files changed, 24 insertions(+), 59 deletions(-) Approvals: Pginer: Looks good to me, approved diff --git a/Resources.php b/Resources.php index b297c0b..de4ce05 100644 --- a/Resources.php +++ b/Resources.php @@ -81,7 +81,6 @@ 'tux-warnings-more', 'tux-warnings-hide', 'tux-editor-save-failed', - 'tux-editor-use-this-translation', 'tux-editor-n-uses', 'tux-editor-doc-editor-placeholder', 'tux-editor-doc-editor-save', diff --git a/Translate.i18n.php b/Translate.i18n.php index 7045ecb..3cb538d 100644 --- a/Translate.i18n.php +++ b/Translate.i18n.php @@ -469,7 +469,6 @@ 'tux-warnings-more' = '{{PLURAL:$1|$1 more}}', 'tux-warnings-hide' = 'hide', 'tux-editor-save-failed' = 'Saving the translation failed: $1', - 'tux-editor-use-this-translation' = 'Use as translation', 'tux-editor-n-uses' = 'used $1 {{PLURAL:$1|time|times}}', 'tux-editor-message-desc-more' = 'View more', 'tux-editor-message-desc-less' = 'View less', diff --git a/resources/css/ext.translate.editor.css b/resources/css/ext.translate.editor.css index 5851207..20a6111 100644 --- a/resources/css/ext.translate.editor.css +++ b/resources/css/ext.translate.editor.css @@ -304,10 +304,6 @@ top: 0; } -.tm-suggestion .use-this-translation { - font-size: 12px; -} - .tux-editor-request-right { font-size: 13px; padding: 0 5px; diff --git a/resources/js/ext.translate.editor.helpers.js b/resources/js/ext.translate.editor.helpers.js index 709d04e..9fb39ad 100644 --- a/resources/js/ext.translate.editor.helpers.js +++ b/resources/js/ext.translate.editor.helpers.js @@ -225,30 +225,19 @@ .addClass( 'row in-other-language' ) .append( $( 'div' ) - .addClass( 'row in-other-language-top' ) - .append( - $( 'div' ) - .addClass( 'nine columns' ) - .attr( { - lang: translation.language, - dir: translationDir - } ) - .text( translation.value ), - $( 'div' ) - .addClass( 'three columns language text-right' ) - .attr( { - lang: translation.language, - dir: translationDir - } ) - .text( $.uls.data.getAutonym( translation.language ) ) - ), + .addClass( 'nine columns' ) + .attr( { + lang: translation.language, + dir: translationDir + } ) + .text( translation.value ), $( 'div' ) - .addClass( 'row in-other-language-bottom' ) - .append( - $( 'a' ) - .addClass( 'nine columns use-this-translation' ) - .text( mw.msg( 'tux-editor-use-this-translation' ) ) - ) + .addClass( 'three columns language text-right' ) + .attr( { +
[MediaWiki-commits] [Gerrit] Turn edit tab to translate tab on translation pages - change (mediawiki...Translate)
Pginer has submitted this change and it was merged. Change subject: Turn edit tab to translate tab on translation pages .. Turn edit tab to translate tab on translation pages Bug: 35946 Change-Id: I78effa8ce1c696970803d7d4463341048591e2e5 --- M PageTranslation.i18n.php M TranslateHooks.php M tag/PageTranslationHooks.php M tag/TranslatablePage.php 4 files changed, 41 insertions(+), 8 deletions(-) Approvals: Pginer: Looks good to me, approved diff --git a/PageTranslation.i18n.php b/PageTranslation.i18n.php index 94a23f8..d750bc4 100644 --- a/PageTranslation.i18n.php +++ b/PageTranslation.i18n.php @@ -92,6 +92,7 @@ 'tpt-languages-legend' = 'Other languages:', 'tpt-languages-separator' = '#160;•#160;', 'tpt-languages-zero' = 'Start translation for this language', + 'tpt-tab-translate' = 'Translate', 'tpt-target-page' = 'This page cannot be updated manually. This page is a translation of the page [[$1]] and the translation can be updated using [$2 the translation tool].', @@ -227,7 +228,6 @@ 'pt-deletepage-intro' = 'This special page allows you delete a whole translatable page, or an individual translation page in a language. The delete action will not be instant, because all the pages depending on them will also be deleted. Failures will be logged in the [[Special:Log/pagetranslation|page translation log]] and they need to be repaired by hand.', - ); /** Message documentation (Message documentation) @@ -450,6 +450,7 @@ * {{msg-mw|Pt-movepage-list-count}}', 'pt-deletepage-full-logreason' = 'See definition on [[mw:Help:Extension:Translate/Glossary]].', 'pt-deletepage-lang-logreason' = 'See definition on [[mw:Help:Extension:Translate/Glossary]].', + 'tpt-tab-translate' = 'Replaces the edit tab with translation tab for translation pages.', ); /** Afrikaans (Afrikaans) diff --git a/TranslateHooks.php b/TranslateHooks.php index 629556b..be9be0b 100644 --- a/TranslateHooks.php +++ b/TranslateHooks.php @@ -153,6 +153,9 @@ // Show page source code when export tab is opened $wgHooks['SpecialTranslate::executeTask'][] = 'PageTranslationHooks::sourceExport'; + + // Replaced edit tab with translation tab for translation pages + $wgHooks['SkinTemplateNavigation'][] = 'PageTranslationHooks::translateTab'; } } diff --git a/tag/PageTranslationHooks.php b/tag/PageTranslationHooks.php index 774edf1..aeaaaf7 100644 --- a/tag/PageTranslationHooks.php +++ b/tag/PageTranslationHooks.php @@ -602,7 +602,8 @@ $result = array( 'tpt-target-page', $page-getTitle()-getPrefixedText(), - $page-getTranslationUrl( $code ) + // This url shouldn't get cached + wfExpandUrl( $page-getTranslationUrl( $code ) ) ); return false; @@ -742,7 +743,9 @@ $per = $pers[$code] * 100; } $titleText = $page-getTitle()-getPrefixedText(); - $url = $page-getTranslationUrl( $code ); + + // This url might get cached + $url = wfExpandUrl( $page-getTranslationUrl( $code ), PROTO_RELATIVE ); // Output $wrap = 'div class=mw-translate-page-info$1/div'; @@ -859,4 +862,28 @@ return false; } + + /** +* Converts the edit tab (if exists) for translation pages to translate tab. +* Hook: SkinTemplateNavigation +* @since 2013.06 +*/ + static function translateTab( Skin $skin, array $tabs ) { + $title = $skin-getTitle(); + // Set display title + $page = TranslatablePage::isTranslationPage( $title ); + if ( !$page ) { + return true; + } + + $handle = new MessageHandle( $title ); + $code = $handle-getCode(); + + if ( isset( $tabs['views']['edit'] ) ) { + $tabs['views']['edit']['text'] = $skin-msg( 'tpt-tab-translate' )-text(); + $tabs['views']['edit']['href'] = $page-getTranslationUrl( $code ); + } + + return true; + } } diff --git a/tag/TranslatablePage.php b/tag/TranslatablePage.php index dba2cce..d82a415 100644 --- a/tag/TranslatablePage.php +++ b/tag/TranslatablePage.php @@ -560,18 +560,20 @@ } /** -* @param bool|string $code -* @return string +* Produces a link to translation view of a translation page. +* @param string $code MediaWiki language
[MediaWiki-commits] [Gerrit] inline-block mixin added to button groups - change (mediawiki/core)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/75079 Change subject: inline-block mixin added to button groups .. inline-block mixin added to button groups The inline-block mixin has been added to the button gorups so that their placement behaviour is consistent with other UI elemnts such as buttons. Change-Id: Ib1a45f57e3cdad9893546ffb53c8203fc8ddc1ee --- M resources/mediawiki.ui/mediawiki.ui.default.css M resources/mediawiki.ui/mediawiki.ui.vector.css M resources/mediawiki.ui/sourcefiles/scss/components/default/_buttons.scss 3 files changed, 40 insertions(+), 14 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core refs/changes/79/75079/1 diff --git a/resources/mediawiki.ui/mediawiki.ui.default.css b/resources/mediawiki.ui/mediawiki.ui.default.css index 89ca25a..726c91b 100644 --- a/resources/mediawiki.ui/mediawiki.ui.default.css +++ b/resources/mediawiki.ui/mediawiki.ui.default.css @@ -1,3 +1,4 @@ +@charset UTF-8; /** * Provide Agora appearance for mw-ui-* classes when using a skin other than * Vector. @@ -106,6 +107,16 @@ } /* line 56, sourcefiles/scss/components/default/_buttons.scss */ +.mw-ui-button-group { + display: -moz-inline-stack; + display: inline-block; + vertical-align: middle; + *vertical-align: auto; + zoom: 1; + *display: inline; +} + +/* line 60, sourcefiles/scss/components/default/_buttons.scss */ .mw-ui-button-group * { -webkit-border-radius: 0; -moz-border-radius: 0; @@ -114,7 +125,7 @@ border-radius: 0; float: left; } -/* line 60, sourcefiles/scss/components/default/_buttons.scss */ +/* line 64, sourcefiles/scss/components/default/_buttons.scss */ .mw-ui-button-group *:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -123,7 +134,7 @@ -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } -/* line 65, sourcefiles/scss/components/default/_buttons.scss */ +/* line 69, sourcefiles/scss/components/default/_buttons.scss */ .mw-ui-button-group *:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; @@ -171,7 +182,7 @@ box-shadow: #4091ed 0px 0px 5px; border-color: #4091ed; } -/* line 38, sourcefiles/scss/components/default/_forms.scss */ +/* line 40, sourcefiles/scss/components/default/_forms.scss */ .mw-ui-vform div label { display: block; -webkit-box-sizing: border-box; @@ -187,7 +198,7 @@ .mw-ui-vform div label * { font-weight: normal; } -/* line 49, sourcefiles/scss/components/default/_forms.scss */ +/* line 51, sourcefiles/scss/components/default/_forms.scss */ .mw-ui-vform div input[type=checkbox], .mw-ui-vform div input[type=radio] { display: inline; @@ -197,7 +208,7 @@ width: auto; } -/* line 65, sourcefiles/scss/components/default/_forms.scss */ +/* line 67, sourcefiles/scss/components/default/_forms.scss */ .mw-ui-input { outline: 0; border-style: solid; @@ -212,7 +223,7 @@ border-color: #4091ed; } -/* line 72, sourcefiles/scss/components/default/_forms.scss */ +/* line 74, sourcefiles/scss/components/default/_forms.scss */ .mw-ui-label { font-size: 0.9em; color: #4a4a4a; @@ -222,7 +233,7 @@ font-weight: normal; } -/* line 81, sourcefiles/scss/components/default/_forms.scss */ +/* line 83, sourcefiles/scss/components/default/_forms.scss */ .mw-ui-checkbox-label, .mw-ui-radio-label { margin-bottom: 0.5em; cursor: pointer; diff --git a/resources/mediawiki.ui/mediawiki.ui.vector.css b/resources/mediawiki.ui/mediawiki.ui.vector.css index 94e3300..c1918e4 100644 --- a/resources/mediawiki.ui/mediawiki.ui.vector.css +++ b/resources/mediawiki.ui/mediawiki.ui.vector.css @@ -1,3 +1,4 @@ +@charset UTF-8; /** * Provide Agora appearance for mw-ui-* classes when using the Vector skin. * Compass builds these Agora styles from source Sass files in @@ -105,6 +106,16 @@ } /* line 56, sourcefiles/scss/components/default/_buttons.scss */ +.mw-ui-button-group { + display: -moz-inline-stack; + display: inline-block; + vertical-align: middle; + *vertical-align: auto; + zoom: 1; + *display: inline; +} + +/* line 60, sourcefiles/scss/components/default/_buttons.scss */ .mw-ui-button-group * { -webkit-border-radius: 0; -moz-border-radius: 0; @@ -113,7 +124,7 @@ border-radius: 0; float: left; } -/* line 60, sourcefiles/scss/components/default/_buttons.scss */ +/* line 64, sourcefiles/scss/components/default/_buttons.scss */ .mw-ui-button-group *:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -122,7 +133,7 @@ -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } -/* line 65, sourcefiles/scss/components/default/_buttons.scss */ +/* line 69, sourcefiles/scss/components/default/_buttons.scss */ .mw-ui-button-group *:last-child { -moz-border-radius-topright: 3px;
[MediaWiki-commits] [Gerrit] Cog size adjustments - change (mediawiki...UniversalLanguageSelector)
Pginer has uploaded a new change for review. https://gerrit.wikimedia.org/r/72074 Change subject: Cog size adjustments .. Cog size adjustments Bug: 50742 SVG and PNG versions have been modified to be of the same dimensions. The sprite now is a 14x14px cog with an additional transparent pixel above and below. resulting in two 14x16px areas. The added margin solves the problem of image being cropped when zooming. Change-Id: Iab4f578bdb1ea55c51eb528527fc38ce44c7be69 --- M resources/css/ext.uls.css M resources/images/cog-sprite.png M resources/images/cog-sprite.svg 3 files changed, 4 insertions(+), 5 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/UniversalLanguageSelector refs/changes/74/72074/1 diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css index ad73afc..04e205e 100644 --- a/resources/css/ext.uls.css +++ b/resources/css/ext.uls.css @@ -13,8 +13,7 @@ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg'); background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg'); background-image: linear-gradient(transparent, transparent), url('../images/cog-sprite.svg'); - background-size: 14px auto; - height: 14px; + height: 16px; width: 14px; float: right; cursor: pointer; @@ -26,7 +25,7 @@ } #p-lang .uls-settings-trigger:hover { - background-position: right -18px; + background-position: right -16px; } /* Opera for some inexplicable reason confuses right and left padding with */ diff --git a/resources/images/cog-sprite.png b/resources/images/cog-sprite.png index 04c7aa2..7dd54f6 100644 --- a/resources/images/cog-sprite.png +++ b/resources/images/cog-sprite.png Binary files differ diff --git a/resources/images/cog-sprite.svg b/resources/images/cog-sprite.svg index 75cd2a2..dacda0e 100644 --- a/resources/images/cog-sprite.svg +++ b/resources/images/cog-sprite.svg @@ -19,11 +19,11 @@ id=defs6 / path - d=m 6.032,18 c -0.231,0 -0.418,0.187 -0.418,0.418 v 1.064 c -0.541,0.134 -1.062,0.35 -1.551,0.645 l -0.75,-0.75 c -0.164,-0.164 -0.429,-0.164 -0.593,0 l -1.36,1.36 c -0.164,0.164 -0.164,0.429 0,0.593 l 0.75,0.75 C 1.818,22.568 1.615,23.095 1.483,23.631 H 0.418 C 0.187,23.631 0,23.818 0,24.05 v 1.918 c 0,0.231 0.187,0.419 0.418,0.419 h 1.046 c 0.134,0.541 0.351,1.061 0.645,1.551 l -0.75,0.75 c -0.164,0.164 -0.164,0.429 0,0.593 l 1.36,1.36 c 0.164,0.164 0.429,0.164 0.593,0 l 0.75,-0.75 c 0.491,0.297 1.01,0.493 1.551,0.627 v 1.064 C 5.614,31.813 5.801,32 6.032,32 H 7.95 c 0.231,0 0.419,-0.187 0.419,-0.418 V 30.518 C 8.911,30.385 9.43,30.185 9.92,29.891 l 0.75,0.75 c 0.164,0.164 0.429,0.164 0.593,0 l 1.36,-1.36 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -0.75,-0.75 c 0.295,-0.488 0.51,-1.014 0.645,-1.551 h 1.064 C 13.813,26.387 14,26.199 14,25.968 V 24.05 c 0,-0.231 -0.187,-0.419 -0.418,-0.419 H 12.518 C 12.385,23.094 12.164,22.567 11.873,22.08 l 0.75,-0.75 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -1.36,-1.36 c -0.164,-0.164 -0.429,-0.164 -0.593,0 l -0.75,0.75 C 9.43,19.833 8.908,19.615 8.369,19.482 V 18.418 C 8.369,18.187 8.182,18 7.95,18 H 6.032 z m 0.889,4.358 c 0.678,-0.018 1.37,0.212 1.901,0.715 1.062,1.007 1.111,2.687 0.104,3.749 -1.005,1.059 -2.686,1.105 -3.749,0.104 -1.062,-1.007 -1.112,-2.687 -0.105,-3.749 0.505,-0.531 1.172,-0.8 1.849,-0.819 z + d=m 6.032,17 c -0.231,0 -0.418,0.187 -0.418,0.418 v 1.064 c -0.541,0.134 -1.062,0.35 -1.551,0.645 l -0.75,-0.75 c -0.164,-0.164 -0.429,-0.164 -0.593,0 l -1.36,1.36 c -0.164,0.164 -0.164,0.429 0,0.593 l 0.75,0.75 C 1.818,21.568 1.615,22.095 1.483,22.631 H 0.418 C 0.187,22.631 0,22.818 0,23.05 v 1.918 c 0,0.231 0.187,0.419 0.418,0.419 h 1.046 c 0.134,0.541 0.351,1.061 0.645,1.551 l -0.75,0.75 c -0.164,0.164 -0.164,0.429 0,0.593 l 1.36,1.36 c 0.164,0.164 0.429,0.164 0.593,0 l 0.75,-0.75 c 0.491,0.297 1.01,0.493 1.551,0.627 v 1.064 C 5.614,30.813 5.801,31 6.032,31 H 7.95 c 0.231,0 0.419,-0.187 0.419,-0.418 V 29.518 C 8.911,29.385 9.43,29.185 9.92,28.891 l 0.75,0.75 c 0.164,0.164 0.429,0.164 0.593,0 l 1.36,-1.36 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -0.75,-0.75 c 0.295,-0.488 0.51,-1.014 0.645,-1.551 h 1.064 C 13.813,25.387 14,25.199 14,24.968 V 23.05 c 0,-0.231 -0.187,-0.419 -0.418,-0.419 H 12.518 C 12.385,22.094 12.164,21.567 11.873,21.08 l 0.75,-0.75 c 0.164,-0.164 0.164,-0.429 0,-0.593 l -1.36,-1.36 c -0.164,-0.164 -0.429,-0.164 -0.593,0 l -0.75,0.75 C 9.43,18.833 8.908,18.615 8.369,18.482 V 17.418 C 8.369,17.187 8.182,17 7.95,17 H 6.032 z m 0.889,4.358 c 0.678,-0.018 1.37,0.212 1.901,0.715 1.062,1.007 1.111,2.687 0.104,3.749 -1.005,1.059 -2.686,1.105 -3.749,0.104 -1.062,-1.007 -1.112,-2.687 -0.105,-3.749 0.505,-0.531 1.172,-0.8 1.849,-0.819 z id=rect3381-0 style=fill:#55 / path - d=M 6.032,0 C 5.801,0 5.614,0.187