CSS für Profil

This commit is contained in:
reverend 2020-12-25 18:07:54 +01:00
parent d47c85795c
commit 947f6520aa
2 changed files with 26 additions and 7 deletions

View File

@ -611,6 +611,12 @@ body {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
white-space: nowrap; } white-space: nowrap; }
.LP-Button--fullWidth {
text-align: center; }
.LP-Button.LP-Link {
display: block; }
.LP-Button.LP-Link:hover {
color: #f9f9f9; }
.LP-Button:active { .LP-Button:active {
background-color: #76323F; background-color: #76323F;
color: #f9f9f9; } color: #f9f9f9; }
@ -1050,13 +1056,19 @@ body {
padding: 5px; padding: 5px;
font-size: 25px; } font-size: 25px; }
.LP-UserInfo__Meta { .LP-UserInfo__Meta {
margin-top: 10px;
padding: 5px; } padding: 5px; }
.LP-UserInfo__Meta * { .LP-UserInfo__Meta * {
font-family: "Montserrat", Helvetica, sans-serif; font-family: "Montserrat", Helvetica, sans-serif;
font-size: 18px; } font-size: 18px; }
.LP-UserInfo__Meta .LP-UserInfo__Key { .LP-UserInfo__Meta .LP-UserInfo__Key {
padding-right: 25px; padding-right: 25px;
font-weight: bold; } font-weight: bold;
white-space: nowrap; }
.LP-UserInfo__Meta .LP-UserInfo__Value {
white-space: nowrap; }
.LP-UserInfo__Edit {
margin-top: 10px; }
.LP-Header { .LP-Header {
display: flex; display: flex;
@ -1736,6 +1748,15 @@ body {
flex-shrink: 1; flex-shrink: 1;
flex-basis: max-content; } flex-basis: max-content; }
@media (max-width: 1000px) {
.LP-UserProfile {
flex-direction: column-reverse;
gap: 35px; }
.LP-UserProfile__Info {
flex-basis: 100%; }
.LP-UserProfile__Info .LP-UserInfo {
max-width: unset; } }
.LP-MainContainer { .LP-MainContainer {
margin: 0 auto; margin: 0 auto;
max-width: 1280px; } max-width: 1280px; }

View File

@ -42,7 +42,7 @@
</td> </td>
<td class="LP-UserInfo__Value"> <td class="LP-UserInfo__Value">
<span class="LP-Paragraph"> <span class="LP-Paragraph">
<a href="{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a> <a href="mailto:{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
</span> </span>
</td> </td>
{% endif %} {% endif %}
@ -71,12 +71,10 @@
<span class="LP-Paragraph">{{asset_count}}</span> <span class="LP-Paragraph">{{asset_count}}</span>
</td> </td>
</tr> </tr>
<tr>
<td>
<a href="/explorer/update/"><button class="LP-Button LP-Button">{% trans 'Edit Profile' %}</button></a>
</td>
</tr>
</table> </table>
<div class="LP-UserInfo__Edit">
<a href="{% url 'explorer_profile_update' %}" class="LP-Button LP-Button--fullWidth LP-Link">{% trans 'Edit Profile' %}</a>
</div>
</div> </div>
</div> </div>
</div> </div>