diff --git a/public/assets/css/network/public.css b/public/assets/css/network/public.css new file mode 100644 index 0000000000..7ac96a724c --- /dev/null +++ b/public/assets/css/network/public.css @@ -0,0 +1,9 @@ +.content { + display: flex; + flex-wrap: wrap; + margin-top: calc(3 * var(--main-size)); + justify-content: center; + align-items: center; + margin-left: var(--nav-size); + margin-right: 0; +} \ No newline at end of file diff --git a/public/assets/css/settings/settings.css b/public/assets/css/settings/settings.css index 6bbb9f5eec..322ac65a45 100644 --- a/public/assets/css/settings/settings.css +++ b/public/assets/css/settings/settings.css @@ -131,8 +131,10 @@ /* FORMS ------------------------------*/ label { - font-family: 'Montserrat', sans-serif; - font-weight: 700; + display: inline-block; + font-family: 'Montserrat', sans-serif; + font-weight: 700; + width: 100%; } label:nth-child() { @@ -163,9 +165,10 @@ button[type=submit] { font-weight: 700; } -#form_Bio { +#form_bio { margin-top: calc(var(--unit-size) * 0.5); width: calc(100% - var(--unit-size)); + height: calc(10 * var(--unit-size)); background-color: rgba(0, 0, 0, 0.30); border-style: none; padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); @@ -176,6 +179,36 @@ button[type=submit] { resize: vertical; } +#form_phone_number { + margin-top: calc(var(--unit-size) * 0.5); + width: calc(100% - var(--unit-size)); + background-color: rgba(0, 0, 0, 0.30); + border-style: none; + padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); + color: #F6F6F6; + border-radius: calc(var(--unit-size) * 0.5); + font-size: var(--medium-size); +} + +#form_language{ + margin-top: calc(var(--unit-size) * 0.5); + background-color: rgba(0, 0, 0, 0.30); + border-style: none; + padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); + color: #F6F6F6; + border-radius: calc(var(--unit-size) * 0.5); + font-size: var(--medium-size); +} +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("../../icons/drop.svg"); + background-size: var(--main-size); + background-position: center right; + background-repeat: no-repeat; +} + .help-text { font-size: var(--medium-size); font-style: italic; @@ -185,4 +218,4 @@ button[type=submit] { .form-single input[type=checkbox] { margin-left: var(--unit-size); -} +} \ No newline at end of file diff --git a/public/assets/css/settings/settings_mid.css b/public/assets/css/settings/settings_mid.css index 239ac7104b..01dec2d96b 100644 --- a/public/assets/css/settings/settings_mid.css +++ b/public/assets/css/settings/settings_mid.css @@ -129,8 +129,10 @@ /* FORMS ------------------------------*/ label { - font-family: 'Montserrat', sans-serif; - font-weight: 700; + display: inline-block; + font-family: 'Montserrat', sans-serif; + font-weight: 700; + width: 100%; } label:nth-child() { @@ -161,9 +163,10 @@ button[type=submit] { font-weight: 700; } -#form_Bio { +#form_bio { margin-top: calc(var(--unit-size) * 0.5); width: calc(100% - var(--unit-size)); + height: calc(10 * var(--unit-size)); background-color: rgba(0, 0, 0, 0.30); border-style: none; padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); @@ -174,6 +177,36 @@ button[type=submit] { resize: vertical; } +#form_phone_number { + margin-top: calc(var(--unit-size) * 0.5); + width: calc(100% - var(--unit-size)); + background-color: rgba(0, 0, 0, 0.30); + border-style: none; + padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); + color: #F6F6F6; + border-radius: calc(var(--unit-size) * 0.5); + font-size: var(--medium-size); +} + +#form_language{ + margin-top: calc(var(--unit-size) * 0.5); + background-color: rgba(0, 0, 0, 0.30); + border-style: none; + padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); + color: #F6F6F6; + border-radius: calc(var(--unit-size) * 0.5); + font-size: var(--medium-size); +} +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("../../icons/drop.svg"); + background-size: var(--main-size); + background-position: center right; + background-repeat: no-repeat; +} + .help-text { font-size: var(--medium-size); font-style: italic; diff --git a/public/assets/css/settings/settings_small.css b/public/assets/css/settings/settings_small.css index 1d1439087b..c8fa7f17d1 100644 --- a/public/assets/css/settings/settings_small.css +++ b/public/assets/css/settings/settings_small.css @@ -129,9 +129,10 @@ /* FORMS ------------------------------*/ label { - font-family: 'Montserrat', sans-serif; - font-weight: 700; - font-size: var(--medium-size); + display: inline-block; + font-family: 'Montserrat', sans-serif; + font-weight: 700; + width: 100%; } label:nth-child() { @@ -162,9 +163,10 @@ button[type=submit] { font-weight: 700; } -#form_Bio { +#form_bio { margin-top: calc(var(--unit-size) * 0.5); width: calc(100% - var(--unit-size)); + height: calc(5 * var(--unit-size)); background-color: rgba(0, 0, 0, 0.30); border-style: none; padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); @@ -175,6 +177,36 @@ button[type=submit] { resize: vertical; } +#form_phone_number { + margin-top: calc(var(--unit-size) * 0.5); + width: calc(100% - var(--unit-size)); + background-color: rgba(0, 0, 0, 0.30); + border-style: none; + padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); + color: #F6F6F6; + border-radius: calc(var(--unit-size) * 0.5); + font-size: var(--medium-size); +} + +#form_language{ + margin-top: calc(var(--unit-size) * 0.5); + background-color: rgba(0, 0, 0, 0.30); + border-style: none; + padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); + color: #F6F6F6; + border-radius: calc(var(--unit-size) * 0.5); + font-size: var(--medium-size); +} +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("../../icons/drop.svg"); + background-size: var(--main-size); + background-position: center right; + background-repeat: no-repeat; +} + .help-text { font-size: var(--medium-size); font-style: italic; diff --git a/public/assets/icons/drop.svg b/public/assets/icons/drop.svg index 6be1c61e1a..9e350b662f 100644 --- a/public/assets/icons/drop.svg +++ b/public/assets/icons/drop.svg @@ -1,5 +1,56 @@ - - -drop - + + + + + + image/svg+xml + + + + + + + drop + diff --git a/src/Controller/UserPanel.php b/src/Controller/UserPanel.php index a756adda26..14d6611234 100644 --- a/src/Controller/UserPanel.php +++ b/src/Controller/UserPanel.php @@ -113,7 +113,7 @@ class UserPanel extends AbstractController public function avatar(Request $request) { $avatar = Form::create([ - ['avatar', FileType::class, ['label' => _m('avatar'), 'help' => _m('You can upload your personal avatar. The maximum file size is 10MB.')]], + ['avatar', FileType::class, ['label' => _m('Avatar'), 'help' => _m('You can upload your personal avatar. The maximum file size is 10MB.')]], ['save', SubmitType::class, ['label' => _m('Submit')]], ]);