From f07e1b269e89083af6e37d9cf23a46a88f9e6859 Mon Sep 17 00:00:00 2001 From: tophf Date: Mon, 27 Aug 2018 17:13:03 +0300 Subject: [PATCH 1/3] don't wrap the force-check button * the label text is too long and contains meaningful info * it's displayed only rarely in normal usage scenario --- manage/manage.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/manage/manage.css b/manage/manage.css index 8b08795c..479330f5 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -71,6 +71,11 @@ a:hover { max-width: calc(100% - 30px); } +#check-all-updates-force { + white-space: normal; + text-align: left; +} + #header h1 { margin-top: 0; margin-bottom: .3em; From 699b5453fb9a94d5f03baa5b171a553505ff511d Mon Sep 17 00:00:00 2001 From: tophf Date: Mon, 27 Aug 2018 17:18:41 +0300 Subject: [PATCH 2/3] emphasize data-skipped-edited main status message thus visually separating it from the wall of text afterwards --- manage/manage.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/manage/manage.css b/manage/manage.css index 479330f5..a997d781 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -822,6 +822,15 @@ input[id^="manage.newUI"] { margin-top: 1ex; } +#update-all-no-updates[data-skipped-edited="true"] { + font-weight: bold; +} + +#update-all-no-updates[data-skipped-edited="true"]::after { + font-weight: normal; + display: block; +} + /* highlight updated/added styles */ .highlight { animation: highlight 10s cubic-bezier(0,.82,.47,.98); From 95524df6f471b1b7a273b3d28226906703df5502 Mon Sep 17 00:00:00 2001 From: tophf Date: Mon, 27 Aug 2018 17:20:33 +0300 Subject: [PATCH 3/3] code cosmetics: use :: for pseudo elements --- manage/manage.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/manage/manage.js b/manage/manage.js index 4e14f62f..7313a34f 100644 --- a/manage/manage.js +++ b/manage/manage.js @@ -106,10 +106,10 @@ function initGlobalEvents() { .disabled h2::after { content: "${t('genericDisabledLabel')}"; } - #update-all-no-updates[data-skipped-edited="true"]:after { + #update-all-no-updates[data-skipped-edited="true"]::after { content: " ${t('updateAllCheckSucceededSomeEdited')}"; } - body.all-styles-hidden-by-filters:after { + body.all-styles-hidden-by-filters::after { content: "${t('filteredStylesAllHidden')}"; } `));