X-Git-Url: https://git.stricted.de/?a=blobdiff_plain;f=wcfsetup%2Finstall%2Ffiles%2Fstyle%2Fui%2Favatar.scss;h=a672f1b79ae11170c57103f8e7ab0fece37b7bee;hb=8a52619a9ee399b44e87a6ff1e274a4ae465ed73;hp=36e4e00dacd70781638f55698ec025253d00dce3;hpb=f1131e366311f1724e2ae5ca427129c2c116aaf3;p=GitHub%2FWoltLab%2FWCF.git diff --git a/wcfsetup/install/files/style/ui/avatar.scss b/wcfsetup/install/files/style/ui/avatar.scss index 36e4e00dac..a672f1b79a 100644 --- a/wcfsetup/install/files/style/ui/avatar.scss +++ b/wcfsetup/install/files/style/ui/avatar.scss @@ -1,53 +1,53 @@ .avatarEdit .avatarType { display: flex; - + > dt { flex: 0 0 auto; order: 2; } - + > dd { order: 1; } - + .avatarUploadButtonContainer { margin-top: 10px; } - + @include screen-md-up { /* use fixed height to ensure a constant gap between
with and without an image */ min-height: 100px; - + > dt:not(:empty) { margin: 0 0 0 30px; } - + > dd { flex: 1 1 auto; } - + & + .avatarType { margin-top: 30px; } - + .avatarUploadButtonContainer { margin-left: 24px; } } - + @include screen-sm-down { flex-wrap: wrap; - + > dt:not(:empty) { flex: 0 0 100%; margin-top: 20px; text-align: center; } - + > dd { flex: 0 0 100%; } - + .avatarUploadButtonContainer { text-align: center; }