From f362acb254f77fd18919a317ca263558e595a3b4 Mon Sep 17 00:00:00 2001 From: Aleksander Machniak Date: Thu, 28 Dec 2017 19:39:40 +0100 Subject: [PATCH] Improve icons size/color on messages list --- skins/elastic/styles/colors.less | 2 ++ skins/elastic/styles/widgets/lists.less | 38 ++++++++++++++++--------- 2 files changed, 26 insertions(+), 14 deletions(-) diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less index e2da123ac..10f74bf44 100644 --- a/skins/elastic/styles/colors.less +++ b/skins/elastic/styles/colors.less @@ -85,6 +85,8 @@ @color-list-recent-badge-background: @color-list-recent; @color-list-pagenav: @color-black-shade-text; +@color-list-icon: fadeout(@color-list-secondary, 25%); + // Drag-n-drop layer diff --git a/skins/elastic/styles/widgets/lists.less b/skins/elastic/styles/widgets/lists.less index bfd9a41ec..de87a2800 100644 --- a/skins/elastic/styles/widgets/lists.less +++ b/skins/elastic/styles/widgets/lists.less @@ -659,40 +659,50 @@ table.fixedcopy { cursor: pointer; font-size: .4em; width: 3em; + height: 2rem; } td.subject span.msgicon.status.unread:before { content: @fa-var-star; - font-size: 1.2em; - width: 1em; + font-size: 1.1em; + width: 1.1em; + line-height: 1.75; + color: @color-warning; } td.subject span.msgicon.status.unreadchildren:before { - .font-icon-regular(@fa-var-star-half); - font-size: 1.2em; - width: 1em; + .font-icon-regular(@fa-var-star); + font-size: 1.1em; + width: 1.1em; + line-height: 1.75; + color: @color-warning; } td.subject span.msgicon.status.replied:before { content: @fa-var-reply; - font-size: 1.2em; - width: 1em; + font-size: 1.1em; + line-height: 1.75; + width: 1.1em; } td.subject span.msgicon.status.forwarded:before { content: @fa-var-share; - font-size: 1.2em; - width: 1em; + font-size: 1.1em; + line-height: 1.75; + width: 1.1em; } td.subject span.msgicon.status.replied.forwarded:before { - content: @fa-var-share; // TODO - font-size: 1.2em; - width: 1em; + content: @fa-var-reply; // TODO + font-size: 1.1em; + line-height: 1.75; + width: 1.1em; } tr.deleted td.subject span.msgicon.status:before { content: @fa-var-ban; - font-size: 1.2em; - width: 1em; + font-size: 1.1em; + line-height: 1.75; + width: 1.1em; } span.attachment span { &:extend(.font-icon-class); + color: @color-list-icon; &:before { margin: 0;