From 45979a0f111f0c0e38b5fad287bc1c9fcf2fef82 Mon Sep 17 00:00:00 2001 From: Jon Braz Date: Mon, 11 May 2020 15:19:29 -0700 Subject: [PATCH 1/3] MONUI-116: Tweak callflow toolbar styles --- style/app.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/style/app.css b/style/app.css index bd85c676..4bbd84ec 100644 --- a/style/app.css +++ b/style/app.css @@ -202,6 +202,7 @@ #ws_callflow .tools .inactive .open, .callflow-preview .tools .inactive .open{ background-image: url(static/images/arrow_inactive.png); + cursor: pointer; } #ws_callflow .tools .tool, @@ -617,6 +618,7 @@ #ws_callflow .tools .search-box, .callflow-preview .tools .search-box { background: #444; + position: relative; } #ws_callflow .tools .search-box input, From d5bf2e0a9648aa2de0d8729b17a1258c219769ba Mon Sep 17 00:00:00 2001 From: Jon Braz Date: Thu, 14 May 2020 10:01:09 -0700 Subject: [PATCH 2/3] Fix off-center callflow arrows --- style/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style/app.css b/style/app.css index 4bbd84ec..b1a3abff 100644 --- a/style/app.css +++ b/style/app.css @@ -286,7 +286,7 @@ #ws_callflow .children > .child > .span_arrow, .callflow-preview .children > .child > .span_arrow { display: inline-block; - width: 145px; + width: 100%; background-repeat: no-repeat; background-position: center center; margin: 2px 0px 2px; From be847063adc4ca4c9047c435c217f6f6fde77246 Mon Sep 17 00:00:00 2001 From: Jon Braz Date: Thu, 14 May 2020 10:20:45 -0700 Subject: [PATCH 3/3] Fix callflow icons being cut off --- style/icons.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/style/icons.css b/style/icons.css index 3eb1d306..b3c6a0a4 100644 --- a/style/icons.css +++ b/style/icons.css @@ -1326,3 +1326,17 @@ background-position: -992px -448px; } +/** + * Icon fixes for the default icon sets, each set requiring + * a different correction (tops being cut off in 32x32, + * bottoms being cut off in 24x24) + */ +.icon:not(.medium) { + margin-top: -10px; + padding-top: 10px; + background-origin: content-box; +} +.icon.medium { + margin-top: -2px; + padding-top: 2px; +}