From d3bb9447006bcc9c33c62f7194efec0262628e80 Mon Sep 17 00:00:00 2001 From: Tobias Diekershoff Date: Fri, 23 Jan 2015 09:51:24 +0100 Subject: [PATCH 1/2] making the ignore button in contact suggestions visible in quattro --- view/theme/quattro/dark/style.css | 17 +++++++++++++++-- view/theme/quattro/green/style.css | 17 +++++++++++++++-- view/theme/quattro/lilac/style.css | 17 +++++++++++++++-- view/theme/quattro/quattro.less | 12 ++++++++++-- 4 files changed, 55 insertions(+), 8 deletions(-) diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index 5438e9f411..14bbcadc91 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -1283,6 +1283,9 @@ section { opacity: 0.5; }*/ .wwto { + position: absolute !important; + width: 25px; + height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; @@ -2093,10 +2096,20 @@ ul.tabs li .active { /* profile match wrapper */ .profile-match-wrapper { float: left; - width: 90px; - height: 90px; + width: 110px; + height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .contact-photo { width: 80px; height: 80px; diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index 5378baedd9..8f3b32dae2 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -1283,6 +1283,9 @@ section { opacity: 0.5; }*/ .wwto { + position: absolute !important; + width: 25px; + height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; @@ -2093,10 +2096,20 @@ ul.tabs li .active { /* profile match wrapper */ .profile-match-wrapper { float: left; - width: 90px; - height: 90px; + width: 110px; + height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .contact-photo { width: 80px; height: 80px; diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css index 196dd8b93c..8814cf00d8 100644 --- a/view/theme/quattro/lilac/style.css +++ b/view/theme/quattro/lilac/style.css @@ -1283,6 +1283,9 @@ section { opacity: 0.5; }*/ .wwto { + position: absolute !important; + width: 25px; + height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; @@ -2093,10 +2096,20 @@ ul.tabs li .active { /* profile match wrapper */ .profile-match-wrapper { float: left; - width: 90px; - height: 90px; + width: 110px; + height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .contact-photo { width: 80px; height: 80px; diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less index 2abd9a432c..5e773c0eea 100644 --- a/view/theme/quattro/quattro.less +++ b/view/theme/quattro/quattro.less @@ -1423,9 +1423,17 @@ ul.tabs { /* profile match wrapper */ .profile-match-wrapper { float: left; - width: 90px; - height: 90px; + width: 110px; + height: 110px; margin-bottom: 20px; + .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; + } .contact-photo { width: 80px; height: 80px; img { width: 80px; height: 80px; } From a33ca89bb7436de71bea3e58333339c7b86e6fdf Mon Sep 17 00:00:00 2001 From: Tobias Diekershoff Date: Sat, 24 Jan 2015 07:22:55 +0100 Subject: [PATCH 2/2] adding missing styling to the ignore button in quattro --- view/theme/quattro/dark/style.css | 9 +++++++++ view/theme/quattro/green/style.css | 9 +++++++++ view/theme/quattro/lilac/style.css | 9 +++++++++ view/theme/quattro/quattro.less | 7 +++++++ 4 files changed, 34 insertions(+) diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index 14bbcadc91..5f4b005c8e 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -2100,6 +2100,15 @@ ul.tabs li .active { height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index 8f3b32dae2..c2826a3c0c 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -2100,6 +2100,15 @@ ul.tabs li .active { height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css index 8814cf00d8..28c5cd47a9 100644 --- a/view/theme/quattro/lilac/style.css +++ b/view/theme/quattro/lilac/style.css @@ -2100,6 +2100,15 @@ ul.tabs li .active { height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less index 5e773c0eea..172fad31b5 100644 --- a/view/theme/quattro/quattro.less +++ b/view/theme/quattro/quattro.less @@ -1426,6 +1426,13 @@ ul.tabs { width: 110px; height: 110px; margin-bottom: 20px; + .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + position: relative; + top: 10px; + left: -10px; + } .drophide { background-image: url('../../../images/icons/22/delete.png'); display: block; width: 22px; height: 22px;