Improved design for checkbox lists

diff --git a/wcfsetup/install/files/style/acl.less b/wcfsetup/install/files/style/acl.less
index 31421618bdd409ee313bc24ea5c3d74ee0b85d05..fcc2b9734769d0f4653938e7175d2fbf0a91e642 100644 (file)
--- a/wcfsetup/install/files/style/acl.less
+++ b/wcfsetup/install/files/style/acl.less
@@ -16,7 +16,7 @@
                        border-top-right-radius: @wcfContainerBorderRadius;
                }
                
-               &:last-child {
+               &:last-child:not(:first-child) {
                        border-bottom-left-radius: @wcfContainerBorderRadius;
                        border-bottom-right-radius: @wcfContainerBorderRadius;
                }

diff --git a/wcfsetup/install/files/style/forms.less b/wcfsetup/install/files/style/forms.less
index e1f2dfd8862cf03e744483ce1c292e6e98f5eee6..4a3ff4df3be00edf7b1fba4390c0bd9ef65dd41e 100644 (file)
--- a/wcfsetup/install/files/style/forms.less
+++ b/wcfsetup/install/files/style/forms.less
@@ -171,4 +171,44 @@ input[type='radio'] ~ small {
 .cke_skin_kama {
        border-width: 0 !important;
        padding: 0 !important;
+}
+
+/* element list with checkboxes */
+.structuredList {
+       background-color: @wcfContainerBackgroundColor;
+       
+       li {
+               padding: @wcfGapTiny @wcfGapSmall;
+               text-align: right;
+
+               &:hover {
+                       background-color: @wcfHoverBackgroundColor;
+               }
+               
+               &:first-child {
+                       border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
+               }
+               
+               &:last-child {
+                       border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
+               }
+               
+               &.category {
+                       background-color: @wcfNavigationBackgroundColor;
+                       
+                       &:hover {
+                               background-color: @wcfHoverBackgroundColor;
+                       }
+               }
+               
+               span {
+                       float: left;
+               }
+               
+               label {
+                       cursor: pointer;
+                       margin: 0 @wcfGapSmall;
+                       padding: 0 @wcfGapLarge;
+               }
+       }
 }
\ No newline at end of file