diff --git a/assets/styles/normalize.css b/assets/styles/normalize.css index cd01ea9..b95dbd0 100644 --- a/assets/styles/normalize.css +++ b/assets/styles/normalize.css @@ -43,6 +43,9 @@ body { margin: 0; position: relative; min-height: 100vh; + min-width: 320px; + max-width: 2048px; + margin: 0 auto; } /** diff --git a/assets/styles/pages/edit-profile/edit-profile.css b/assets/styles/pages/edit-profile/edit-profile.css index 99b0c67..5030dda 100644 --- a/assets/styles/pages/edit-profile/edit-profile.css +++ b/assets/styles/pages/edit-profile/edit-profile.css @@ -112,7 +112,19 @@ header::before { visibility: hidden; } -.edit__btn-photo::before { +.edit__btn-photo::-moz-file-upload-button { + visibility: hidden; +} + +input[type="file"] { + -moz-appearance:initial; // Hack for Firefox Browsers + opacity: 0; + visibility: hidden; + color: black; + background-color: red; +} + +.edit__field-out::before { content: '✎'; color: white; display: inline-block; @@ -129,17 +141,17 @@ header::before { transition: all ease-in 300ms; } -.btn-photo::before { - top: -70px; +.edit__field-avatar::before { + top: -90px; left: 50%; transform: translateX(-50%); font-size: 1.8rem; background-color: rgba(0, 0, 0, 0.2); } -.btn-backPhoto::before { +.edit__field-background::before { right: 0; - top: -25%; + top: -40%; font-size: 2rem; } diff --git a/views/pages/edit-profile.php b/views/pages/edit-profile.php index a414325..6907f0e 100644 --- a/views/pages/edit-profile.php +++ b/views/pages/edit-profile.php @@ -54,10 +54,14 @@
- - + + + -