Add margin when main content is not expanded

This commit is contained in:
Chocobozzz 2017-12-04 10:40:02 +01:00
parent 2295ce6c4e
commit d178b5c1f8
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 5 additions and 3 deletions

View File

@ -3,7 +3,7 @@
<div class="user-info">
<div class="user-info-username">{{ user.username }}</div>
<div class="user-info-followers">{{ user.account.followersCount }} subscribers</div>
<div class="user-info-followers">{{ user.account?.followersCount }} subscribers</div>
</div>
</div>

View File

@ -9,6 +9,7 @@ $black-background: #000;
$grey-background: #f6f2f2;
$expanded-horizontal-margins: 150px;
$not-expanded-horizontal-margins: 30px;
$button-height: 30px;

View File

@ -52,8 +52,8 @@ input.readonly {
}
.margin-content {
margin-left: 10px;
margin-right: 10px;
margin-left: $not-expanded-horizontal-margins;
margin-right: $not-expanded-horizontal-margins;
}
.sub-menu {
@ -63,6 +63,7 @@ input.readonly {
margin-bottom: 30px;
display: flex;
align-items: center;
padding-left: $not-expanded-horizontal-margins;
}
// Override some properties if the main content is expanded (no menu on the left)