From 0b08ae77a7e1ccd0fb373a597f730a5779bceaf5 Mon Sep 17 00:00:00 2001 From: Svetlana Rastegina Date: Thu, 11 Feb 2021 21:33:40 +0100 Subject: [PATCH] Fixed custom search button (background and width on various resolutions). --- webapp/src/main/webapp/themes/iph/css/iph.css | 40 ++++++++++++++----- .../themes/iph/css/query-builder-theme.css | 2 +- 2 files changed, 32 insertions(+), 10 deletions(-) diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css index 36a1eae3..7bef72f1 100644 --- a/webapp/src/main/webapp/themes/iph/css/iph.css +++ b/webapp/src/main/webapp/themes/iph/css/iph.css @@ -112,13 +112,23 @@ select.form-control { padding: 5px; font-family: Roboto; font-style: normal; + -webkit-appearance: none; + background-image: url(../images/select_button.png); + background-repeat: no-repeat; + background-position: right center; + cursor:pointer; + +} + +select.form-control >option { + padding-right: 25px; + } input.form-control { font-family: Roboto; font-size: 1rem; - color: #000000; - opacity: 0.5; + color: #ababab; } @@ -750,15 +760,19 @@ input.search-vivo { #btn-get-standard-searchform { /*margin-bottom: 10px;*/ - background-color: #ead6a2; + background: transparent; border: 0px; - padding-top: 5px; + padding-top: 8px; + padding-left: 15px; + font-family: Roboto; + font-size: 1.2rem; } #backgroundForm { - height: 30px; - background-color: #ead6a2; - clip-path:polygon(0% 0%, 0% 1000%, 80% 0%); - width: 40%; + height: 39px; + background-image: url(../images/custom_search_button.png); + background-repeat: no-repeat; + /*clip-path:polygon(0% 0%, 0% 1000%, 80% 0%);*/ + } @@ -2329,6 +2343,14 @@ span.subclassExpandMinus { padding-right: 10px; } #SearchTitle { - font-size: 1rem; + font-size: 1.1rem; + } + #backgroundForm { + height: 30px; + } + #btn-get-standard-searchform { + font-size: 1.1rem; + padding-top: 4px; + padding-left: 25px; } } \ No newline at end of file diff --git a/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css b/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css index e6858d0e..5b466c64 100644 --- a/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css +++ b/webapp/src/main/webapp/themes/iph/css/query-builder-theme.css @@ -5,7 +5,7 @@ icons: { } .rule-value-container > select{ - max-width: 800px; + max-width: 380px; } .query-builder, .query-builder * {