Improved appearance of long acl lists

Closes #2324

diff --git a/wcfsetup/install/files/style/ui/acl.scss b/wcfsetup/install/files/style/ui/acl.scss
index 285aaf16342b51fdd845b585b412dd3c6312d8f6..ccdeeb5043d3cd16b9d756c46caadc015746dcd2 100644 (file)
--- a/wcfsetup/install/files/style/ui/acl.scss
+++ b/wcfsetup/install/files/style/ui/acl.scss
@@ -1,5 +1,13 @@
 /* object list, e.g. users and groups */
 .aclList {
+       max-height: 400px;
+       overflow: auto;
+       
+       &:not(:empty) {
+               border-bottom: 1px solid $wcfContentBorder;
+               border-top: 1px solid $wcfContentBorder;
+       }
+       
        > li {
                align-items: center;
                display: flex;
@@ -22,6 +30,14 @@
                        flex: 1 1 auto;
                        margin: 0 5px;
                }
+               
+               &:first-child {
+                       border-top: none;
+               }
+               
+               &:last-child {
+                       border-bottom: none;
+               }
        }
        
        /* search input */