[syncope] branch 3_0_X updated: Console: Realm search bar enlargement and better positioning for small screens (#411)

[ilgrosso]

This is an automated email from the ASF dual-hosted git repository.

ilgrosso pushed a commit to branch 3_0_X
in repository https://gitbox.apache.org/repos/asf/syncope.git


The following commit(s) were added to refs/heads/3_0_X by this push:
     new 0bf59ba090 Console: Realm search bar enlargement and better 
positioning for small screens (#411)
0bf59ba090 is described below

commit 0bf59ba090f4a3c2965e3b4b6a0819b00f2aa7d9
Author: Lorenzo Di Cola <lorenzo.dic...@tirasa.net>
AuthorDate: Wed Feb 15 15:27:39 2023 +0100

    Console: Realm search bar enlargement and better positioning for small 
screens (#411)
---
 .../META-INF/resources/ui-commons/css/syncopeUI.scss     | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git 
a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/syncopeUI.scss
 
b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/syncopeUI.scss
index 9feb80a774..1d2a627400 100644
--- 
a/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/syncopeUI.scss
+++ 
b/client/idrepo/common-ui/src/main/resources/META-INF/resources/ui-commons/css/syncopeUI.scss
@@ -108,8 +108,8 @@ pre {
 }
 
 .realm-header {
+  width: 100%;
   clear: both;
-  display: block;
   display: inline-table;
   margin: 0 0 10px;
   line-height: 25px;
@@ -124,8 +124,7 @@ pre {
 }
 
 .realm-choice {
-  right: 0px;
-  position: absolute;
+  float: right;
 }
 
 .realm-header .dropdown-menu li a {
@@ -1091,7 +1090,7 @@ div#tablehandling ul.menu li a {
 }
 
 .realm-choice #realm-choice-field {
-  width: 200px;
+  width: 400px;
   padding-right: 20px;
 }
 
@@ -1195,3 +1194,12 @@ pre {
   float: right;
   margin-right:12px;
 }
+
+@media screen and (max-width: 500px) {
+  .realm-choice #realm-choice-field{
+    width: 100%;
+  }
+  .realm-choice {
+    float: none;
+  }
+}