jenkins-bot has submitted this change and it was merged. ( https://gerrit.wikimedia.org/r/336745 )
Change subject: MediaWiki theme: Replace arrows with chevrons and increase contrast ...................................................................... MediaWiki theme: Replace arrows with chevrons and increase contrast Replacing arrows with chevrons as indicators to align to designs and increasing contrast on active chevrons in toolbars. Also replacing fixed `opacity` value with Less variable. Bug: T111550 Bug: T157190 Bug: T161653 Change-Id: I6f1acedd33272fbabdc896e2b1c2b71b24e89eba --- M src/themes/apex/images/icons/articles-ltr.svg M src/themes/apex/images/icons/articles-rtl.svg M src/themes/mediawiki/images/icons/articles-ltr.svg M src/themes/mediawiki/images/icons/articles-rtl.svg M src/themes/mediawiki/images/indicators/arrow-down.svg M src/themes/mediawiki/images/indicators/arrow-ltr.svg M src/themes/mediawiki/images/indicators/arrow-rtl.svg M src/themes/mediawiki/images/indicators/arrow-up.svg M src/themes/mediawiki/tools.less 9 files changed, 15 insertions(+), 18 deletions(-) Approvals: jenkins-bot: Verified Jforrester: Looks good to me, approved diff --git a/src/themes/apex/images/icons/articles-ltr.svg b/src/themes/apex/images/icons/articles-ltr.svg index 9dd3404..c194497 100644 --- a/src/themes/apex/images/icons/articles-ltr.svg +++ b/src/themes/apex/images/icons/articles-ltr.svg @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="UTF-8"?> +<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M11 12h4V7h-4v5zm-5 2h9v-1H6v1zm0 2h9v-1H6v1zm0 2h9v-1H6v1zm4-9H6v1h4V9zm0 2H6v1h4v-1zm0-4H6v1h4V7zM4 5h13v16H7c-1.7 0-3-1.3-3-3V5z"/> <path d="M18 4v14h2V2H7v2" fill-rule="evenodd"/> diff --git a/src/themes/apex/images/icons/articles-rtl.svg b/src/themes/apex/images/icons/articles-rtl.svg index b57dae2..40a9348 100644 --- a/src/themes/apex/images/icons/articles-rtl.svg +++ b/src/themes/apex/images/icons/articles-rtl.svg @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="UTF-8"?> +<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M13 12H9V7h4v5zm5 2H9v-1h9v1zm0 2H9v-1h9v1zm0 2H9v-1h9v1zm-4-9h4v1h-4V9zm0 2h4v1h-4v-1zm0-4h4v1h-4V7zm6-2H7v16h10c1.7 0 3-1.3 3-3V5z"/> <path d="M6 4v14H4V2h13v2" fill-rule="evenodd"/> diff --git a/src/themes/mediawiki/images/icons/articles-ltr.svg b/src/themes/mediawiki/images/icons/articles-ltr.svg index 9dd3404..c194497 100644 --- a/src/themes/mediawiki/images/icons/articles-ltr.svg +++ b/src/themes/mediawiki/images/icons/articles-ltr.svg @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="UTF-8"?> +<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M11 12h4V7h-4v5zm-5 2h9v-1H6v1zm0 2h9v-1H6v1zm0 2h9v-1H6v1zm4-9H6v1h4V9zm0 2H6v1h4v-1zm0-4H6v1h4V7zM4 5h13v16H7c-1.7 0-3-1.3-3-3V5z"/> <path d="M18 4v14h2V2H7v2" fill-rule="evenodd"/> diff --git a/src/themes/mediawiki/images/icons/articles-rtl.svg b/src/themes/mediawiki/images/icons/articles-rtl.svg index b57dae2..40a9348 100644 --- a/src/themes/mediawiki/images/icons/articles-rtl.svg +++ b/src/themes/mediawiki/images/icons/articles-rtl.svg @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="UTF-8"?> +<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M13 12H9V7h4v5zm5 2H9v-1h9v1zm0 2H9v-1h9v1zm0 2H9v-1h9v1zm-4-9h4v1h-4V9zm0 2h4v1h-4v-1zm0-4h4v1h-4V7zm6-2H7v16h10c1.7 0 3-1.3 3-3V5z"/> <path d="M6 4v14H4V2h13v2" fill-rule="evenodd"/> diff --git a/src/themes/mediawiki/images/indicators/arrow-down.svg b/src/themes/mediawiki/images/indicators/arrow-down.svg index f5c76f3..d3e55d1 100644 --- a/src/themes/mediawiki/images/indicators/arrow-down.svg +++ b/src/themes/mediawiki/images/indicators/arrow-down.svg @@ -1,6 +1,4 @@ <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> - <g id="down"> - <path id="arrow" d="M1 4h10L6 9 1 4"/> - </g> + <path d="M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5"/> </svg> diff --git a/src/themes/mediawiki/images/indicators/arrow-ltr.svg b/src/themes/mediawiki/images/indicators/arrow-ltr.svg index 059372d..e99855b 100644 --- a/src/themes/mediawiki/images/indicators/arrow-ltr.svg +++ b/src/themes/mediawiki/images/indicators/arrow-ltr.svg @@ -1,6 +1,4 @@ <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> - <g id="ltr"> - <path id="arrow" d="M4 1v10l5-5-5-5"/> - </g> + <path d="M4.026 11l-1.052-.965L6.832 6 2.974 2.053 4.026 1l5 5-5 5"/> </svg> diff --git a/src/themes/mediawiki/images/indicators/arrow-rtl.svg b/src/themes/mediawiki/images/indicators/arrow-rtl.svg index c6498e8..1647501 100644 --- a/src/themes/mediawiki/images/indicators/arrow-rtl.svg +++ b/src/themes/mediawiki/images/indicators/arrow-rtl.svg @@ -1,6 +1,4 @@ <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> - <g id="rtl"> - <path id="arrow" d="M8 11V1L3 6l5 5"/> - </g> + <path d="M7.974 11l1.052-.965L5.168 6l3.858-3.947L7.974 1l-5 5 5 5"/> </svg> diff --git a/src/themes/mediawiki/images/indicators/arrow-up.svg b/src/themes/mediawiki/images/indicators/arrow-up.svg index 5eada07..ca93281 100644 --- a/src/themes/mediawiki/images/indicators/arrow-up.svg +++ b/src/themes/mediawiki/images/indicators/arrow-up.svg @@ -1,6 +1,4 @@ <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> - <g id="up"> - <path id="arrow" d="M1 8h10L6 3 1 8"/> - </g> + <path d="M11 7.974l-.965 1.052L6 5.168 2.053 9.026 1 7.974l5-5 5 5"/> </svg> diff --git a/src/themes/mediawiki/tools.less b/src/themes/mediawiki/tools.less index aec9939..a0dc7f5 100644 --- a/src/themes/mediawiki/tools.less +++ b/src/themes/mediawiki/tools.less @@ -318,7 +318,7 @@ width: 0.9375em; height: 100%; margin: 0 0.5em; - opacity: 0.3; + opacity: @opacity-icon-default; .oo-ui-toolbar-narrow & { right: -0.3125em; @@ -390,7 +390,12 @@ } } - &-handle { + > .oo-ui-popupToolGroup-handle { + .oo-ui-transition( + background-color @transition-ease-quick, + box-shadow @transition-ease-quick + ); + &:hover { background-color: @background-color-tool-hover; } -- To view, visit https://gerrit.wikimedia.org/r/336745 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I6f1acedd33272fbabdc896e2b1c2b71b24e89eba Gerrit-PatchSet: 5 Gerrit-Project: oojs/ui Gerrit-Branch: master Gerrit-Owner: VolkerE <volke...@wikimedia.org> Gerrit-Reviewer: Esanders <esand...@wikimedia.org> Gerrit-Reviewer: Jforrester <jforres...@wikimedia.org> Gerrit-Reviewer: Ladsgroup <ladsgr...@gmail.com> Gerrit-Reviewer: Pginer <pgi...@wikimedia.org> Gerrit-Reviewer: Prtksxna <psax...@wikimedia.org> Gerrit-Reviewer: VolkerE <volke...@wikimedia.org> Gerrit-Reviewer: jenkins-bot <> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits