DigitaleAgentur___ALT
/
digitaleagenturnc
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Profilbild wird angezeigt und Modal angepasst

This commit is contained in:
holger.trampe 2020-01-19 22:57:42 +01:00
parent f6f4b8f578
commit 6d3dbdfdc7
3 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
users/static/users/css/custom.css
View File

@ -53,6 +53,14 @@ html h1 {
body{ body{
background-color: #f8f9fc; background-color: #f8f9fc;
} }
.preview {
overflow: hidden;
width: 200px;
height: 200px;
}
/* /*
FOR TREE ORGA FOR TREE ORGA

2
users/templates/users/profile.html
View File

@ -3,7 +3,7 @@
{% block content %} {% block content %}
<div class="content-section"> <div class="content-section">
<div class="media"> <div class="media">
<img class="img-profile " width="17%" src="{{ prof_user.profile.get_photo_url }}"> <img class="img-profile " width="17%" src="{{ user.profile.get_photo_url }}">
<div class="media-body col-5"> <div class="media-body col-5">
<h2 class="account-heading">Profil von {{ user.first_name }} {{ user.last_name }}</h2> <h2 class="account-heading">Profil von {{ user.first_name }} {{ user.last_name }}</h2>
<hr> <hr>

6
users/templates/users/profile_update.html
View File

@ -78,7 +78,7 @@
</div> </div>
<!-- MODAL TO CROP THE IMAGE --> <!-- MODAL TO CROP THE IMAGE -->
<!-- MODAL TO CROP THE IMAGE --> <!-- MODAL TO CROP THE IMAGE -->
<div class="modal fade " id="modalCrop"> <div class="modal fade " id="modalCrop" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-xl"> <div class="modal-dialog modal-xl">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -134,9 +134,9 @@
var cropBoxData; var cropBoxData;
var canvasData; var canvasData;
var $image = $("#imagemod"); var $image = $("#imagemod");
$("#modalCrop").on("shown.bs.modal", function () { $("#modalCrop").on("shown.bs.modal", function () {
$image.cropper({ $image.cropper({
viewMode: 3, viewMode: 3,
aspectRatio: 1/1, aspectRatio: 1/1,
strict: false, strict: false,
cropBoxMovable: true, cropBoxMovable: true,