projects
/
GitHub
/
WoltLab
/
WCF.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git]
/
wcfsetup
/
install
/
files
/
style
/
ui
/
avatar.scss
diff --git
a/wcfsetup/install/files/style/ui/avatar.scss
b/wcfsetup/install/files/style/ui/avatar.scss
index 36e4e00dacd70781638f55698ec025253d00dce3..a672f1b79ae11170c57103f8e7ab0fece37b7bee 100644
(file)
--- a/
wcfsetup/install/files/style/ui/avatar.scss
+++ b/
wcfsetup/install/files/style/ui/avatar.scss
@@
-1,53
+1,53
@@
.avatarEdit .avatarType {
display: flex;
.avatarEdit .avatarType {
display: flex;
-
+
> dt {
flex: 0 0 auto;
order: 2;
}
> dt {
flex: 0 0 auto;
order: 2;
}
-
+
> dd {
order: 1;
}
> dd {
order: 1;
}
-
+
.avatarUploadButtonContainer {
margin-top: 10px;
}
.avatarUploadButtonContainer {
margin-top: 10px;
}
-
+
@include screen-md-up {
/* use fixed height to ensure a constant gap between <dl> with and without an image */
min-height: 100px;
@include screen-md-up {
/* use fixed height to ensure a constant gap between <dl> with and without an image */
min-height: 100px;
-
+
> dt:not(:empty) {
margin: 0 0 0 30px;
}
> dt:not(:empty) {
margin: 0 0 0 30px;
}
-
+
> dd {
flex: 1 1 auto;
}
> dd {
flex: 1 1 auto;
}
-
+
& + .avatarType {
margin-top: 30px;
}
& + .avatarType {
margin-top: 30px;
}
-
+
.avatarUploadButtonContainer {
margin-left: 24px;
}
}
.avatarUploadButtonContainer {
margin-left: 24px;
}
}
-
+
@include screen-sm-down {
flex-wrap: wrap;
@include screen-sm-down {
flex-wrap: wrap;
-
+
> dt:not(:empty) {
flex: 0 0 100%;
margin-top: 20px;
text-align: center;
}
> dt:not(:empty) {
flex: 0 0 100%;
margin-top: 20px;
text-align: center;
}
-
+
> dd {
flex: 0 0 100%;
}
> dd {
flex: 0 0 100%;
}
-
+
.avatarUploadButtonContainer {
text-align: center;
}
.avatarUploadButtonContainer {
text-align: center;
}