MID-7976 request access ui, role catalog more responsive

Evolveum · Jul 12, 2022 · a7d1d00 · a7d1d00
1 parent fe8ebe2
commit a7d1d00
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/gui/admin-gui/src/frontend/js/midpoint-theme.js b/gui/admin-gui/src/frontend/js/midpoint-theme.js
@@ -160,11 +160,14 @@ export default class MidPointTheme {
 
                 var link = $(this);
                 var item = link.parent();
+                var chevron = link.find('.chevron');
                 var submenu = item.find('.list-group-submenu');
+
                 if (!submenu.is(':visible')) {
+                    chevron.css('transform', 'rotate(270deg)');
                     $(submenu).slideDown();
                 } else {
-                    console.info('visible');
+                    chevron.css('transform', 'rotate(0deg)');
                     $(submenu).slideUp();
                 }
             });

diff --git a/gui/admin-gui/src/frontend/scss/_list-group-menu.scss b/gui/admin-gui/src/frontend/scss/_list-group-menu.scss
@@ -18,7 +18,6 @@ $list-group-item-padding-sm-x: 1rem;
   display: flex;
   flex-direction: column;
   width: 100%;
-  min-width: 273px;
 
   @include list-reset();
 

diff --git a/...rc/main/java/com/evolveum/midpoint/gui/impl/page/self/requestAccess/RoleCatalogPanel.html b/...rc/main/java/com/evolveum/midpoint/gui/impl/page/self/requestAccess/RoleCatalogPanel.html
@@ -7,15 +7,15 @@
 <!DOCTYPE html>
 <html xmlns:wicket="http://wicket.apache.org">
 <wicket:panel>
-    <div class="d-flex flex-column flex-md-row gap-3">
-        <div class="d-flex flex-column align-items-stretch gap-3">
+    <div class="row">
+        <div class="col-sm-12 col-md-6 col-lg-4 col-xxl-2 d-flex flex-column align-items-stretch gap-3">
             <div wicket:id="viewToggle"/>
             <ul wicket:id="menu"/>
         </div>
         <wicket:remove>
             <!-- todo mt-2 added because search panel now uses *-sm classes and it doesn't match rest of the layout -->
         </wicket:remove>
-        <div class="flex-grow-1 mt-2" wicket:id="tilesTable"/>
+        <div class="col-sm-12 col-md-6 col-lg-8 col-xxl-10 mt-2" wicket:id="tilesTable"/>
     </div>
 </wicket:panel>