jenkins-bot has submitted this change and it was merged. ( https://gerrit.wikimedia.org/r/368738 )
Change subject: Adjust styling for refresh action ...................................................................... Adjust styling for refresh action Blue text color (Accent50) used to better convey interactivity Add reload icon to clarify the action Remove gap between the last item in the list and the reload action Add margin below the refresh action to space it from browser window edge Bug: T158750 Change-Id: I51fa3fc7fb0139fe4e3135b094c8af4f007c4a1f --- A modules/dashboard/images/refresh.png A modules/dashboard/images/refresh.svg M modules/dashboard/styles/ext.cx.suggestionlist.less 3 files changed, 29 insertions(+), 4 deletions(-) Approvals: jenkins-bot: Verified Nikerabbit: Checked; Looks good to me, approved diff --git a/modules/dashboard/images/refresh.png b/modules/dashboard/images/refresh.png new file mode 100644 index 0000000..96ee533 --- /dev/null +++ b/modules/dashboard/images/refresh.png Binary files differ diff --git a/modules/dashboard/images/refresh.svg b/modules/dashboard/images/refresh.svg new file mode 100644 index 0000000..8177d78 --- /dev/null +++ b/modules/dashboard/images/refresh.svg @@ -0,0 +1 @@ +<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; width="20" height="20" viewBox="0 0 20 20"><title>refresh</title><path fill="#36C" fill-rule="evenodd" d="M11.806 8.147L20 12.335v-8.92l-3.06 1.768C15.255 2.6 12.375 1 9.218 1 4.128 1 0 5.127 0 10.218c0 5.09 4.127 9.218 9.218 9.218 2.638 0 5.1-1.116 6.836-3.034l-1.536-1.39c-1.347 1.49-3.253 2.353-5.3 2.353-3.947 0-7.147-3.2-7.147-7.147S5.27 3.07 9.22 3.07c2.41 0 4.61 1.203 5.925 3.15l-3.337 1.927z"/></svg> \ No newline at end of file diff --git a/modules/dashboard/styles/ext.cx.suggestionlist.less b/modules/dashboard/styles/ext.cx.suggestionlist.less index 2d16104..9461e3d 100644 --- a/modules/dashboard/styles/ext.cx.suggestionlist.less +++ b/modules/dashboard/styles/ext.cx.suggestionlist.less @@ -6,7 +6,6 @@ .mw-ui-item; .mw-ui-one-whole; padding: 0; - margin: 0 0 10px 0; } .cx-suggestionlist__public { @@ -49,17 +48,42 @@ .cx-suggestionlist__expand, .cx-suggestionlist__refresh { .mw-ui-one-whole; - padding: 10px; background-color: #fff; - border: 1px solid #ddd; - cursor: pointer; + border: 1px solid @colorGray13; + padding: 10px; font-size: medium; text-align: center; + cursor: pointer; + &:hover { background-color: #eff3fb; } } +.cx-suggestionlist__refresh { + color: @colorProgressive; + margin-bottom: 48px; + border-width: 1px 0; + border-radius: 0 0 @borderRadius @borderRadius; + padding: 20px; + font-weight: bold; + + &:before { + @iconSize: 20px; + + content: ''; + .background-image-svg('../images/refresh.svg', '../images/refresh.png'); + background-repeat: no-repeat; + background-size: @iconSize; + display: inline-block; + position: relative; + top: 3px; + width: @iconSize; + height: @iconSize; + margin-right: 8px; + } +} + .cx-slitem__desc { color: @colorGray7; font-size: 0.8125em; -- To view, visit https://gerrit.wikimedia.org/r/368738 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I51fa3fc7fb0139fe4e3135b094c8af4f007c4a1f Gerrit-PatchSet: 4 Gerrit-Project: mediawiki/extensions/ContentTranslation Gerrit-Branch: master Gerrit-Owner: Petar.petkovic <[email protected]> Gerrit-Reviewer: Nikerabbit <[email protected]> Gerrit-Reviewer: Petar.petkovic <[email protected]> Gerrit-Reviewer: Santhosh <[email protected]> Gerrit-Reviewer: VolkerE <[email protected]> Gerrit-Reviewer: jenkins-bot <> _______________________________________________ MediaWiki-commits mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
