X-Git-Url: https://git.stricted.de/?a=blobdiff_plain;f=wcfsetup%2Finstall%2Ffiles%2Fstyle%2Fui%2FitemListInput.scss;h=02902a8f814193a046fc63d334d1806af31bbf9b;hb=8a52619a9ee399b44e87a6ff1e274a4ae465ed73;hp=d99114ea8e3d80975f16d6d3b9391cdafb253f89;hpb=f1131e366311f1724e2ae5ca427129c2c116aaf3;p=GitHub%2FWoltLab%2FWCF.git diff --git a/wcfsetup/install/files/style/ui/itemListInput.scss b/wcfsetup/install/files/style/ui/itemListInput.scss index d99114ea8e..02902a8f81 100644 --- a/wcfsetup/install/files/style/ui/itemListInput.scss +++ b/wcfsetup/install/files/style/ui/itemListInput.scss @@ -1,21 +1,21 @@ .inputItemList { @include input; - + display: flex; flex-wrap: wrap; padding-bottom: 0; padding-top: 5px; - + > .item, > .input { flex: 0 0 auto; margin-bottom: 5px; - + &:not(:last-child) { margin-right: 5px; } } - + > .item { background-color: $wcfButtonBackground; border-radius: 2px; @@ -23,24 +23,24 @@ cursor: default; max-width: 100%; padding: 1px 5px; - + .icon { color: inherit; } - + &.active { background-color: $wcfButtonBackgroundActive; color: $wcfButtonTextActive; } } - + &:not(.disabled) { > item:hover { background-color: $wcfButtonBackgroundActive; color: $wcfButtonTextActive; } } - + > .input > input { background-color: transparent !important; border-width: 0 !important; @@ -52,7 +52,7 @@ .inputItemListLimitReached { color: $wcfContentDimmedText; vertical-align: middle; - + /* The input field does not have a distinct appearance, making the text unselectable will prevent the browser from displaying a potentially misleading caret cursor. */ -webkit-user-select: none;